easyUI的tree和treeGrid不需要递归取,有内置的成树字段

java 专栏收录该内容
7 篇文章 0 订阅
$.fn.treegrid.defaults.loadFilter = function (data, parentId) {
       var opt = $(this).data().treegrid.options;
       var idFiled, parentField;
       if (opt.parentField) {
               idFiled = opt.idField;
               parentField = opt.parentField;
               var i, l, treeData = [], tmpMap = [];
               for (i = 0, l = data.length; i < l; i++) {
                       tmpMap[data[idFiled]] = data;
               }
               for (i = 0, l = data.length; i < l; i++) {
                       if (tmpMap[data[parentField]] && data[idFiled] != data[parentField]) {
                               if (!tmpMap[data[parentField]]['children'])
                                       tmpMap[data[parentField]]['children'] = [];
                               tmpMap[data[parentField]]['children'].push(data);
                       } else {
                               treeData.push(data);
                       }
               }
               return treeData;
       }
       return data;
};
 
使用方法,放到公共的JS文件里面。在配置TREE或者TREEGRID的时候,如下三个属性必备:
idField: 'tp_id',//子菜单字段名
treeField: 'tp_name',//显示的字段名
parentField: 'tp_parent',//父菜单字段名
其它的直接参照文档配置就OK了。
我的最终效果如下。


TreeGrid和Tree支持ID,PID处理
  • 0
    点赞
  • 5
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值