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