使用方法
layui.config({
base: '/lib/layui-v2.5.6/ext/' //本脚本所在路径
}).use('labeledit'.function(){
var labeledit=layui.labeledit;
labeledit.render({
elem:'#test1'//组件ID
});
});
组件属性说明
elem:必需项 使用jq选择器
editType:编辑类型 默认为 text, 支持的类型有 text-文本输入框 radio-单选框 select-下拉选择框 checkbox-勾选框 date-日期选择框 time-时间选择框 color-颜色选择框
value:初始化默认值 结构为{"id":"1","text":"显示内容"} id表示组件的值
text 表示组件显示的内容 editType为text,date,time,color时id与text相同
items:选择项 结构为[{"id":"1","text":"选择1"},{"id":"2","text":"选择2"}] editType为radio,select,checkbox时的必需项,其中editType为checkbox时数组中第一项为未勾选的值
第二项为勾选的值
savecallback:编辑完成保存的回调函数 有2个参数 value,text 分别是编辑控制返回的值和显示内容,保存成功返回true 保存失败返回false