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

jQuery MiniUI 开发教程 树形控件 创建树:树形结构(一)
创建树:树形结构
                
  jQuery MiniUI 开发教程 树形控件 创建树:树形结构(一)_第1张图片                              

参考示例:Tree 树形控件


                      

创建Tree           

<ul id="tree1" class="mini-tree" url="../data/tree.txt" style="width:300px;padding:5px;" 
    showTreeIcon="true" textField="text" idField="id" >        
</ul>
       
           

数据结构:树形          

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

[
    {id: "base", text: "Base", expanded: false,
        children: [
            {id: "ajax", text: "Ajax"},
            {id: "json", text: "JSON"},
            {id: "date", text: "Date"},
            {id: "control", text: "Control"},
            {id: "messagebox", text: "MessageBox"},
            {id: "window", text: "Window"}
        ]
    },
    ...
]

你可能感兴趣的:(jQuery MiniUI 开发教程 树形控件 创建树:树形结构(一))