JavaScript 将行结构数据转化为树形结构,可提供给常用的tree插件直接使用(高效转化方案)...

 前台接收到的数据格式

var rows=[{
    parent: 'root',
    id: 'DC',
    title: '集团'
},
{
    parent: 'DC',
    id: '01',
    title: '上海本部'
},
{
    parent: 'DC',
    id: '02',
    title: '中华企业'
},
{
    parent: '02',
    id: '0200',
    title: '中华企业股份有限公司本部'
},
{
    parent: '02',
    id: '0201',
    title: '上海古北(集团)有限公司'
},
{
    parent: '0201',
    id: '020100',
    title: '上海古北(集团)有限公司本部'
},
{
    parent: '0201',
    id: '020101',
    title: '上海古北顾村置业有限公司'
},
{
    parent: '0201',
    id: '020102',
    title: '上海古北京宸置业发展有限公司'
},
{
    parent: '0201',
    id: '020103',
    title: '苏州洞庭房地产发展有限公司'
}]

 

 

function listToTree(data, options) {

    options = options || {};
    var ID_KEY = options.idKey || 'id';
    var PARENT_KEY = options.parentKey || 'parent';
    var CHILDREN_KEY = options.childrenKey || 'children';

    var tree = [],
    childrenOf = {};
    var item,
    id,
    parentId;

    for (var i = 0, length = data.length; i < length; i++) {
        item = data[i];
        id = item[ID_KEY];
        parentId = item[PARENT_KEY] || 0;
        // every item may have children
        childrenOf[id] = childrenOf[id] || [];
        // init its children
        item[CHILDREN_KEY] = childrenOf[id];
        if (parentId != 0) {
            // init its parent's children object
            childrenOf[parentId] = childrenOf[parentId] || [];
            // push it into its parent's children object
            childrenOf[parentId].push(item);
        } else {
            tree.push(item);
        }
    };

    return tree;
}

 调用方法

var treeData=listToTree(rows);

技术交流QQ群:15129679

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值