easyui 扩展之 Tree的simpleData加载/修改tree数据格式，不一定非是text

最新推荐文章于 2024-07-31 14:06:10 发布

不想写代码的码农

最新推荐文章于 2024-07-31 14:06:10 发布

阅读量3.3k

点赞数

分类专栏：毛草屋文章标签： easyui 数据结构扩展

毛草屋专栏收录该内容

192 篇文章 0 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何利用easyui 1.2.6版本中的loadFilter功能扩展Tree组件，以支持ztree风格的简单数据结构（id, pid形式）。通过示例代码展示了如何将扁平数据转换为树形结构，使得数据加载和处理更加方便。" 81236078,7725765,PyCharm配置Python3.7.0+PyQt5开发环境指南,"['PyCharm', 'Python', 'GUI开发', 'PyQt5', 'QtDesigner']

摘要由CSDN通过智能技术生成

这是基于1.2.6的tree新增的loadFilter功能的一个扩展。大家都喜欢ztree的简单数据结构（扁平pid结构数据集，也就是id，pid形式）,于是1.2.6有了loadFilter之后，我们可以很简单的就实现了。（这里要赞一下easyui的作者，对于架构的开闭原则做的很到位。）（请注意本扩展基于1.2.6的easyui）

$.fn.tree.defaults.loadFilter = function (data, parent) {
var opt = $(this).data().tree.options;
var idFiled,
textFiled,
parentField;
if (opt.parentField) {
  idFiled = opt.idFiled || 'id';
  textFiled = opt.textFiled || 'text';
  parentField = opt.parentField;

  var i,
  l,
  treeData = [],
  tmpMap = [];

  for (i = 0, l = data.length; i < l; i++) {
   tmpMap[data[i][idFiled]] = data[i];
  }

  for (i = 0, l = data.length; i < l; i++) {
   if (tmpMap[data[i][parentField]] && data[i][idFiled] != data[i][parentField]) {
    if (!tmpMap[data[i][parentField]]['children'])
     tmpMap[data[i][parentField]]['children'] = [];
    data[i]['text'] = data[i][textFiled];
    tmpMap[data[i][parentField]]['children'].push(data[i]);
   } else {
    data[i]['text'] = data[i][textFiled];
    treeData.push(data[i]);
   }
  }
  return treeData;
}
return data;
};