使用方法
layui.config({
base: '/lib/layui-v2.5.6/ext/' //本腳本所在路徑
}).use('labeledit'.function(){
var labeledit=layui.labeledit;
labeledit.render({
elem:'#test1'//組件ID
});
});
組件屬性說明
elem:必需項(xiàng) 使用jq選擇器
editType:編輯類型 默認(rèn)為 text, 支持的類型有 text-文本輸入框 radio-單選框 select-下拉選擇框 checkbox-勾選框 date-日期選擇框 time-時間選擇框 color-顏色選擇框
value:初始化默認(rèn)值 結(jié)構(gòu)為{"id":"1","text":"顯示內(nèi)容"} id表示組件的值
text 表示組件顯示的內(nèi)容 editType為text,date,time,color時id與text相同
items:選擇項(xiàng) 結(jié)構(gòu)為[{"id":"1","text":"選擇1"},{"id":"2","text":"選擇2"}] editType為radio,select,checkbox時的必需項(xiàng),其中editType為checkbox時數(shù)組中第一項(xiàng)為未勾選的值 第二項(xiàng)為勾選的值
savecallback:編輯完成保存的回調(diào)函數(shù) 有2個參數(shù) value,text 分別是編輯控制返回的值和顯示內(nèi)容,保存成功返回true 保存失敗返回false