[b]创建树:列表结构[/b]
[img]http://www.miniui.com/docs/api/images/tree.gif[/img]
参考示例: [url=http://www.miniui.com/demo/tree/list2tree.html]列表数据生成Tree[/url]
[b]创建Tree[/b]
<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属性。
[b]数据结构:列表[/b]
通过url返回的数据结构如下:
[
{id: "base", text: "Base", expanded: false},
{id: "ajax", text: "Ajax", pid: "base"},
{id: "json", text: "JSON", pid: "base"},
......
]
其中,id和pid对应父子关系。
[img]http://www.miniui.com/docs/api/images/tree.gif[/img]
参考示例: [url=http://www.miniui.com/demo/tree/list2tree.html]列表数据生成Tree[/url]
[b]创建Tree[/b]
<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属性。
[b]数据结构:列表[/b]
通过url返回的数据结构如下:
[
{id: "base", text: "Base", expanded: false},
{id: "ajax", text: "Ajax", pid: "base"},
{id: "json", text: "JSON", pid: "base"},
......
]
其中,id和pid对应父子关系。
本文介绍如何使用列表数据结构创建Tree组件,并展示了具体的实现代码及数据格式。通过url加载列表数据,利用idField和parentField定义节点间的父子关系。
&spm=1001.2101.3001.5002&articleId=82445674&d=1&t=3&u=44ce2880f5db45a6ae51aaf6f793023a)

被折叠的 条评论
为什么被折叠?



