简单的Tree (ID,PID)

最新推荐文章于 2023-05-04 11:58:26 发布

翊骷

最新推荐文章于 2023-05-04 11:58:26 发布

阅读量605

点赞数

文章标签： javascript c/c++ java ViewUI

本文链接：https://blog.youkuaiyun.com/hf312350968/article/details/84396644

版权

$.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了。