根據(jù)下拉框選擇不同,生成不同的輸入框,目前應(yīng)用于多條件下拉選擇時(shí),只支持生成三種輸入框:input、select、date。
<div id="condition"></div>js
layui.config({
base : ../../layui_exts///模塊所在路徑
}).extend({
selectC: 'selectC',//模塊名
}).use(['selectC' ], function() {
var selectC = layui.selectC;
/**動(dòng)態(tài)條件控件**/
var condition = selectC({
elem: "#ID", //標(biāo)簽ID,帶#號(hào)
number: 1, //數(shù)量
reset:false,//清空按鈕,默認(rèn)不啟用
options: [{ //選項(xiàng)
type: "",//input
name: "",//標(biāo)簽的name屬性
elemName: ""//名稱
}, {
type: "",//select
name: "",//標(biāo)簽的name屬性
elemName: "",//名稱
data: [{//下拉框選項(xiàng),直接賦值
name: "",//名稱
value: ""//值
}
],
url: "",//數(shù)據(jù)請(qǐng)求地址,返回格式{code:0成功,其他失敗,data:[{name:名稱,value:值}]}
field: {nameField:'name',valueField:'value'}//候選項(xiàng)數(shù)據(jù)的鍵名,默認(rèn)
}, {
type: "",//date
name: "",//標(biāo)簽的name屬性
elemName: ""//名稱
}
],
search:function(data){//查詢按鈕點(diǎn)擊事件回調(diào)
console.log(data),//獲取填寫(xiě)的條件json串
}
})
});
該擴(kuò)展組件由第三方用戶主動(dòng)投遞,并由其自身進(jìn)行維護(hù),本站僅做收集。