layui 第三方組件平臺

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

根據下拉框選擇不同,生成不同的輸入框,目前應用于多條件下拉選擇時,只支持生成三種輸入框:input、select、date。

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

文檔

版本:v1.2.0
說明:根據下拉框選擇不同,生成不同的輸入框,目前應用于多條件下拉選擇時,只支持生成三種輸入框:input、select、date。
日期:2019-04-22
更新:
1、下拉框使用遠程數據,解析錯誤,導致無法加載的問題。
2、下拉框添加:field配置,結合url使用,可以自定義取數據的key。

日期:2018-12-03
更新:
1、第一次查詢完,切換選項后,查詢時不會帶有之前的條件。
2、完善下拉框,可以使用接口請求數據。
3、可以啟用清空按鈕,默認不啟用,reset:false,改為true就可以。

效果圖:



使用方法:
html
<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, //數量
reset:false,//清空按鈕,默認不啟用
options: [{ //選項
type: "",//input
name: "",//標簽的name屬性
elemName: ""//名稱
}, {
type: "",//select
name: "",//標簽的name屬性
elemName: "",//名稱
data: [{//下拉框選項,直接賦值
name: "",//名稱
value: ""//值
}
],
url: "",//數據請求地址,返回格式{code:0成功,其他失敗,data:[{name:名稱,value:值}]}
field: {nameField:'name',valueField:'value'}//候選項數據的鍵名,默認
}, {
type: "",//date
name: "",//標簽的name屬性
elemName: ""//名稱
}
],
search:function(data){//查詢按鈕點擊事件回調
console.log(data),//獲取填寫的條件json串
}
})
});

下載

立即下載
該擴展組件由第三方用戶主動投遞,并由其自身進行維護,本站僅做收集。