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

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

参考示例: 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"}
        ]
    },
    ...
]

你可能感兴趣的:(JavaScript,jquery,UI,Ajax,tree)