jQuery MiniUI 开发教程 导航控件 OutlookTree:折叠树(九)

[b]OutlookTree:折叠树[/b]
[img]http://www.miniui.com/docs/api/images/outlooktree.gif[/img]

参考示例:[url=http://www.miniui.com/demo/outlooktree/outlooktree.html]OutlookTree:折叠树[/url]

[b]创建OutlookTree[/b]

<div id="leftTree" class="mini-outlooktree" url="../data/outlooktree.txt" onnodeselect="onNodeSelect"
textField="text" idField="id" parentField="pid">
</div>

[b]数据格式[/b]
[
{id: "user", text: "用户管理"},

{id: "lists", text: "Lists", pid: "user" },

{id: "datagrid", text: "DataGrid", pid: "lists"},
{id: "tree", text: "Tree" , pid: "lists"},
{id: "treegrid", text: "TreeGrid " , pid: "lists"},

{id: "layouts", text: "Layouts", expanded: false, pid: "user"},

{id: "panel", text: "Panel", pid: "layouts"},
{id: "splitter", text: "Splitter", pid: "layouts"},
{id: "layout", text: "Layout ", pid: "layouts"},

{ id: "right", text: "权限管理"},

{id: "base", text: "Base", expanded: false, pid: "right" },

{id: "ajax", text: "Ajax", pid: "base"},
{id: "json", text: "JSON", pid: "base"},
{id: "date", text: "Date", pid: "base"},

{id: "forms", text: "Forms", expanded: false, pid: "right"},

{id: "button", text: "Button", pid: "forms"},
{id: "listbox", text: "ListBox", pid: "forms"},
{id: "checkboxlist", text: "CheckBoxList", pid: "forms"},
{id: "radiolist", text: "RadioList", pid: "forms"},
{id: "calendar", text: "Calendar", pid: "forms"}
]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值