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

  • 相关阅读:
    html5中input弹窗时,不弹出输入法弹出。
    ajax异步提交
    WinForm更新文件
    固态硬盘上安装Windows8(ghost)启动问题
    刷新页面Js
    流媒体
    WebOffice上传Word限制设置
    js页面传参中文乱码问题
    weboffice(点聚)在传参为汉字时的乱码问题
    Linq中Lanbda表达式做参数
  • 原文地址:https://www.cnblogs.com/jianquan100/p/13676002.html
Copyright © 2011-2022 走看看