当前位置: 首页 > Web开发 > HTML教程 >正文

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

来源:互联网时间:2020-09-16 06:59:29编辑:网友分享
<div class="layui-form-item layui-form-item-my" > <label class="layui-form-label">行业</label> <div class="layui-input-block"> <div id="i
<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(","))
}

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

上一篇: 00027- layui 表格的单元格内容

下一篇:html5开发怎么样 html5开发怎么

您可能感兴趣的文章

相关阅读