easyui的combotree的回显操作

area=urldata.area,area就是地区选择时的id。
连同编辑时根据获取的信息进行回显操作,本篇文章是对easyui的combotree的回显操作

 //地区
 get请求
$.get('/···/···/···'路径, {
  pid: id, //参数
}, function (data) {
  $('#area').combotree({
      data:data.list,
      width: '35%',
      required: false,
      onClick: function (node) {
          if (!node.isLoaded) {
              $.get('/···/···/···'路径, {
                  pid: node.id
              }, function (data1) {
                  let childs = data1.list;
                  if (childs.length > 0) {
                      let tree = $('#area').combotree('tree')
                      //如果是tree组件 使用$('x').tree()即可
                      tree.tree('append', {
                          parent: node.target,
                          data: childs
                      });
                      //标记此节点已经加载过数据
                      tree.tree('update', {
                          target: node.target,
                          isLoaded: true
                      });
                      //意思为只能选择最底下层级
                      $('#area').combotree('showPanel');
                      $('#area').combotree('setText', '');
                      $('#area').val('');
                  }
              });

          }else if (!!node.children && node.children.length > 0) {
              $('#area').combotree('showPanel');
              $('#area').combotree('setText', '');
              $('#area').val('');
          }
      }
  });
//area代表回显时的id,
  if(!!area){
      $('#area').combotree('setValue', {
          id: area,
          text: urldata.areaName
      });
  }
});

你可能感兴趣的:(easyui,combotree)