jQuery MiniUI 开发教程导航控件 OutlookMenu：折叠菜单（八）-CSDN博客

本文介绍了一个名为 OutlookMenu 的折叠菜单组件，该组件能够帮助开发者快速创建树状结构的导航菜单，并提供了示例代码及数据结构配置说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[b]OutlookMenu：折叠菜单[/b]
[img]http://www.miniui.com/docs/api/images/outlookmenu.gif[/img]

参考示例：[url=http://www.miniui.com/demo/outlookmenu/outlookmenu.html]OutlookMenu：折叠菜单[/url]

[b]创建OutlookMenu[/b]
<div class="mini-outlookmenu" url="../data/outlookmenu.txt" onitemselect="onItemSelect"
idField="id" parentField="pid" textField="text">
</div>

[b]数据结构[/b]
[
{ id: "user", text: "用户管理"},
{ id: "addUser", pid: "user", text: "增加用户", iconCls: "icon-add", url: "../navbartree/navbartree.html" },
{ id: "editUser", pid: "user", text: "修改用户", iconCls: "icon-edit", url: "../buttonedit/openwindow.html" },
{ id: "removeUser", pid: "user", text: "删除用户", iconCls: "icon-remove", url: "../datagrid/datagrid.html" },

{ id: "right", text: "权限管理"},
{ id: "addRight", pid: "right", text: "查询权限", iconCls: "Note", url: "../navbartree/navbartree.html", iconPosition: "top" },
{ id: "editRight", pid: "right", text: "操作权限", iconCls: "Reports", url: "../buttonedit/openwindow.html", iconPosition: "top" }
]