jQuery MiniUI - 快速开发WebUI
为什么选择MiniUI?
首页>文档中心>开发教程>树形控件

创建树:列表结构



参考示例列表数据生成Tree


创建Tree

<ul id="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对应父子关系。