代码拉取完成,页面将自动刷新
同步操作将从 imlzw/formSelects 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
基于 https://github.com/hnzzmsf/layui-formSelects 的支持layui的多选下拉表单控件:新增了分页异步加载数据的功能 更多详情使用文档可参考原作者的文档。
这里只说明添加的功能。
<select id="industry_category_select" name="industryCategory" xm-select-search="" lay-verify="required" xm-select-radio=""
placeholder="行业" autocomplete="off" xm-select-height="36px" xm-select-skin="normal" xm-select="industry_category_select" lay-filter="industry_category_select" >
<option value="">请选择行业类别</option>
</select>
<script>
layui.formSelects.data('industry_select',"server", {
url: '/industryList',
showPage: true,
size: 6,
paramMap: {
page: "page",
size: "rows",
keyword: "room_name_like"
},
initValues: '#(detail.room_id)'?['#(detail.room_id)']:null,
beforeSuccess: function(id, searchUrl, inputValue, res){
// 转义成formSelects识别的数据结构
let data = [];
if(res&&res.success){
for(var i=0;i<res.data.length;i++){
data.push({name: res.data[i].room_name, value:res.data[i].room_id});
}
res.code = 0;
res.msg = "加载成功!";
res.data = data;
}
return res;
}
});
</script>
2.级联异步加载功能
<select name="orgArea" xm-select="orgArea" lay-verify="required" xm-select-radio="" xm-select-skin="normal">
<option value="">请选择单位所在省市区</option>
</select>
<script>
layui.formSelects.data('orgArea', 'server', {
url: '/city',
linkage: true,
linkageWidth: 130
});
</script>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。