使用方法
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時數(shù)組中第一項為未勾選的值 第二項為勾選的值
savecallback:編輯完成保存的回調函數(shù) 有2個參數(shù) value,text 分別是編輯控制返回的值和顯示內容,保存成功返回true 保存失敗返回false