码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-09-18 02:26:28      阅读:28      评论:0      收藏:0      [点我收藏+]

标签:tree   close   hid   加载   data   sele   render   fun   NPU   

<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(一):树数据一次加载

标签:tree   close   hid   加载   data   sele   render   fun   NPU   

原文地址:https://blog.51cto.com/14816966/2533833

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!