jquery中的treegrid的数据和排序

1 jquery中有一个组件是结合tree和datagrid的。那就是treegrid。
如:<table id="treeGrid_test"></table>


初始化:$("#treeGrid_test").treegrid({
width:400,
height:300,
title:"treegrid测试",
idField:"id",//这是每个节点的主键
treeField:"name",//这是每个节点需要显示的内容(name)
animate:true,
columns:[[
{field:"name",title:"姓名",width:200},
{field:"id",title:"斧子节点的id名",width:180}]]
});


2 treegrid如果需要设置父子节点。那数据中子节点必须存在一个属性:_parentId。该属性表示这个节点的父节点是谁。如json数据:
{"total":4,"rows":
[{"id":1,"name":"aaa"},
{"id":2,"name":"bbba","_parentId":1},
{"id":3,"name":"cccb","_parentId":1},
{"id":4,"name":"dddc"}]
}


3 treegrid的初始化工作有两种方式:url和loadData。url的值为json格式的文件。而loadData为treegrid的method。参数为对象(满足total和rows存在的)
如:$("#treeGrid_test").treegrid({
width:400,
height:300,
title:"treegrid测试",
url:"./treegrid_test.json",
idField:"id",
treeField:"name",
animate:true,
columns:[[
{field:"name",title:"姓名",width:200},
{field:"id",title:"斧子节点的id名",width:180}]]
});


var obj_treegrid={"total":4,"rows":
[{"id":1,"name":"aaa"},
{"id":2,"name":"bbb","_parentId":1},
{"id":3,"name":"ccc","_parentId":1},
{"id":4,"name":"ddd"}]
};
$("#treeGrid_test").treegrid("loadData",obj_treegrid);
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值