jQuery MiniUI 开发教程 树形控件 创建树：列表结构（二）

jQuery 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对应父子关系。