您的位置:首页 > 其它

Tree:加载列表数据

2015-10-27 15:45 211 查看
Tree控件,需要提供一个树形的JSON数据,才能正常显示。

通常,开发者在后台可以这样做:

1)从数据库查询出一个列表数据

2)在后台,将列表数据转换为树形数据

3)通过JSON方式返回

在前台页面,可以给Tree设置url地址,或者调用load方法加载树形数据。

后台的“列表转树形”是一个相对有点小难度的实现。

针对这个情况,MiniUI Tree提供了一种直接加载列表数据,Tree内部进行数据转换的方式。

1)从数据库查询出一个列表数据

2)通过JSON方式返回

省略了原来的第2个步骤。

如何实现呢?

只需要给Tree设置3个属性:valueField、parentField、resultAsTree。

valueField通常是id,表示节点对象的唯一标识符。

parentField通常是pid,表示父节点属性。

resultAsTree是关键,要设置成"false",这样Tree通过url加载数据后,就会得知需要做一些“列表转树形”的处理,从而正确显示。

参考示例:

列表数据生成Tree:http://miniui.com/demo/tree/list2tree.html

网站:http://www.miniui.com/demo/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: