jQuery MiniUI 开发教程 导航控件 OutlookMenu:折叠菜单(八)

阅读更多
OutlookMenu:折叠菜单
jQuery MiniUI 开发教程 导航控件 OutlookMenu:折叠菜单(八)_第1张图片

参考示例: OutlookMenu:折叠菜单

创建OutlookMenu
    idField="id" parentField="pid" textField="text">


数据结构
[
    { 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" }       
]

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