欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

easyui的combotree的回显操作

程序员文章站 2022-05-18 20:48:29
...

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