zoukankan      html  css  js  c++  java
  • 00031-layui 树形下拉选择 xmSelect(一):树数据一次加载

    <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(","))
    }
    

    效果:
    image

  • 相关阅读:
    我的Android app开发生涯
    极客学院
    区分H5和native页面
    H5之测试工具
    放最多水
    数组去重 快慢指针
    搜索插入位置 二分查找
    this指向
    JS 抖动和节流
    图片懒加载和预加载
  • 原文地址:https://www.cnblogs.com/jianquan100/p/13676002.html
Copyright © 2011-2022 走看看