您的位置:首页 > 产品设计 > UI/UE

00031-layui 树形下拉选择 xmSelect(一):树数据一次加载

2020-09-15 22:17 1376 查看
<div class="layui-form-item layui-form-item-my" >
<label class="layui-form-label">行业</label>
<div class="layui-input-block">
<div id="industrySel" ></div>
<input type="hidden" name="industryId" >
<input type="hidden" name="industry">
</div>
</div>
var industryTreeData = [];
var rtnIndustry = admin.syncReq(ctx+'/base/baseIndustryCategory/industryTreeList',{});

if(rtnIndustry.code==0){
industryTreeData = rtnIndustry.data;
}

var industryXmSelect = xmSelect.render({
el: '#industrySel',
prop:{name:'name',value:'id'},
clickClose:true,
radio:true,
filterable: true,
data: industryTreeData,
tree:{
show:true,
expandedKeys:[],
strict:false,
},
on:function (data) {
setTimeout(function () {
var valueStr = industryXmSelect.getValue("valueStr");
var nameStr = industryXmSelect.getValue("nameStr");
if(valueStr){
$("[name=industryId]").val(valueStr);
}else{
$("[name=industryId]").val("");
}
if(nameStr){
$("[name=industry]").val(nameStr);
}else{
$("[name=industry]").val(nameStr);
}
},500)
}
});

var industryId = formData.industryId;
if(industryId){
industryXmSelect.setValue((""+industryId).split(","))
}

效果:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: