jQuery MiniUI 开发教程 树形控件 创建树:列表结构(二)

创建树:列表结构

参考示例:列表数据生成Tree

创建Tree

<ulid="tree1"class="mini-tree"url="../data/listTree.txt"style="width:200px;padding:5px;"

showTreeIcon="true"textField="text"idField="id"parentField="pid"resultAsTree="false"

>

</ul>

注意:idField、parentField、resultAsTree属性。

数据结构:列表

通过url返回的数据结构如下:

[

{id:"base",text:"Base",expanded:false},

{id:"ajax",text:"Ajax",pid:"base"},

{id:"json",text:"JSON",pid:"base"},

......

]

其中,id和pid对应父子关系。

相关推荐