1，载入扩展JS

//作者孙宇//自定义loadFilter的实现$.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;};

2.举例

     
        //实例化。这里增加了三个属性，可以指定idFiled，textFiled和parentField。所以这里的simpleData可以不严格转换成tree的数据格式。$(function(){    $('#tt').tree({        checkbox: true,        url: 'tree_data_simp.json',        parentField:"pid",        textFiled:"name",        idFiled:"key"    });});
     

3.JSON

[    {        "key": 1,        "name": "Folder1",        "iconCls": "icon-ok"    },    {        "key": 2,        "pid": 1,        "name": "File1",        "checked": true    },    {        "key": 3,        "pid": 1,        "name": "Folder2",        "state": "open"    },    {        "key": 4,        "pid": 3,        "name": "File3",        "attributes": {            "p1": "value1",            "p2": "value2"        },        "checked": true,        "iconCls": "icon-reload"    },    {        "key": 8,        "pid": 3,        "name": "Async Folder"    },    {        "key": 9,        "name": "language",        "state": "closed"    },    {        "key": "j1",        "pid": 9,        "name": "Java"    },    {        "key": "j2",        "pid": 9,        "name": "C#"    }]

4.扩展

ComboTree（树形下拉框）

扩展自$.fn.combo.defaults和$.fn.tree.defaults。使用$.fn.combotree.defaults重写默认值对象。

所以要想使ConboTree也可以加载扁平数据,可如下修改

$.fn.combotree.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;};