男女疯狂一边摸一边做羞羞视频|啊好深好硬快点用力别停动态图|亚洲一区无码中文字幕|特级无码毛片免费视频播放▽|久久狠狠躁免费观看|国内精品久久久久久网站

layui 第三方組件平臺

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

本插件適用于多級select元素聯(lián)動(dòng)選擇,包括不限于“多級地區聯(lián)動(dòng)”,“多級類(lèi)型聯(lián)動(dòng)”等。select元素值改變后,刷新目標元素數據。 注意:此插件的初衷是針對 與接口方面交互的多級聯(lián)動(dòng),因此 數據應來(lái)源于接口,而不是…某些組件中 硬寫(xiě)在JS中的…一堆XX數據…然后遍歷幾萬(wàn)條數據找子集… 腦殼痛……所以才有此組件的誕生。 具體……不用多說(shuō)……

創(chuàng )建:2020-2-24

文檔

Html配置:
1.select元素 配置 lay-filter="selectMore"
2.data-target 指向需要聯(lián)動(dòng)的下級目標(沒(méi)有下級則無(wú)需配置)
……over

HTML示例:
<div class="layui-form layui-card-header layuiadmin-card-header-auto">
<div class="layui-row">
<div class="layui-col-md12">
<div class="layui-inline layui-show-xs-block">
<select lay-filter="selectMore" id="demo-area-first" data-target="#demo-area-sec"></select>
</div>
<div class="layui-inline layui-show-xs-block">
<select lay-filter="selectMore" id="demo-area-sec" data-target="#demo-area-th"></select>
</div>
<div class="layui-inline layui-show-xs-block">
<select lay-filter="selectMore" id="demo-area-th"></select>
</div>
</div>
</div>
</div>

JS中的應用:

初始化:layui.selectMore.init(layui.$("#demo-area-first"));
配置多個(gè)默認值:layui.selectMore.setAll(['130000','130200','130204']);
獨立設置某值:layui.selectMore.set("#demo-area-first",'130000');

JS示例:
layui.config({
base: '../../../layui_exts/'
}).extend({
selectMore: 'selectMore/selectMore'
}).use(['selectMore'], function(){

setTimeout(function(){
// 初始化
// layui.selectMore.init(layui.$("#demo-area-first"));

// 設置多個(gè)值
// layui.selectMore.setAll(['130000','130200','130204']);

// 獨立設置值
// layui.selectMore.set("#demo-area-first",'130000');
},1500); // 此處的延遲執行 是屬于任性的作者的強行寫(xiě)入 哈哈 隨意刪……

});
So easy……

其他配置說(shuō)明在文件中有注釋
const selectMoreConfig = {
"url":"./demo.json", // ajax請求地址
"option_value_key":"areaId", // option配置中 value取值的key 例如:<option value="areaId"></option>
"option_text_key":"name", // option配置中 text取值的key 例如:<option value="areaId"></option>
"params_pid_key":"parentId", // ajax查詢(xún)目標ID下 子集的參數名 例如:params:{"parentId":1}
"params_pid_def":0, // 初始化第一級數據時(shí) 默認參數值
}

下載

立即下載 去碼云下載
該擴展組件由第三方用戶(hù)主動(dòng)投遞,并由其自身進(jìn)行維護,本站僅做收集。
男女疯狂一边摸一边做羞羞视频|啊好深好硬快点用力别停动态图|亚洲一区无码中文字幕|特级无码毛片免费视频播放▽|久久狠狠躁免费观看|国内精品久久久久久网站