layui 第三方組件平臺(tái)

返回首頁(yè) 發(fā)布組件

根據(jù)下拉框選擇不同,生成不同的輸入框,目前應(yīng)用于多條件下拉選擇時(shí),只支持生成三種輸入框:input、select、date。

更新:2019-4-22 創(chuàng)建:2018-11-19

文檔

版本:v1.2.0
說(shuō)明:根據(jù)下拉框選擇不同,生成不同的輸入框,目前應(yīng)用于多條件下拉選擇時(shí),只支持生成三種輸入框:input、select、date。
日期:2019-04-22
更新:
1、下拉框使用遠(yuǎn)程數(shù)據(jù),解析錯(cuò)誤,導(dǎo)致無(wú)法加載的問(wèn)題。
2、下拉框添加:field配置,結(jié)合url使用,可以自定義取數(shù)據(jù)的key。

日期:2018-12-03
更新:
1、第一次查詢完,切換選項(xiàng)后,查詢時(shí)不會(huì)帶有之前的條件。
2、完善下拉框,可以使用接口請(qǐng)求數(shù)據(jù)。
3、可以啟用清空按鈕,默認(rèn)不啟用,reset:false,改為true就可以。

效果圖:



使用方法:
html
<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ù),本站僅做收集。