<form class="layui-form" lay-filter="searchForm" id="searchForm">
  <div class="layui-col-xs12 layui-col-md3">
     <div class="layui-form-item">
          <div class="layui-inline">
              <label class="layui-form-label">申请人部门</label>
              <div class="layui-input-inline">
                  <ul id="department" data-id="0"></ul>
                  <input name="applyDepartmentId" class="department-input" class="layui-input">
              </div>
          </div>
      </div>
  </div>
</form>
layui.use(['xmSelect'], function () {
	var xmSelect = layui.xmSelect;
	
	function renderDepartment(){
    	xmSelectTreeTest = xmSelect.render({
            el: '#department',
            prop:{name:'name',value:'id'},
            filterable: true,
            data: dep_list_tree,
            tree:{
	            show:true,
	            expandedKeys:[],
	            strict:false,
            },
            on:function (data) {
                var change_type_arr = [];
	            $.each(data.arr, function (index, item) {
	                change_type_arr.push(item.id)
	            });
	            change_type_str = change_type_arr.join(',');
	            form.render('select');
	              searchType(change_type_str)
	            }
          });
	  },
	  // 给input赋值  change_type_str为逗号分隔的字符串
	  function searchType (change_type_str) {
          $('.department-input').val(change_type_str)
      }
})
//回显
//applyShowDataInt为数组格式
xmSelectTreeTest .setValue(applyShowDataInt)

示例
更多请见xmSelect文档接
在这里插入图片描述

数据格式
在这里插入图片描述

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐