jQuery MiniUI

 找回密码
 立即注册
查看: 3738|回复: 1
打印 上一主题 下一主题

郁闷的问题 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2012-8-17 15:25:09 |只看该作者 |倒序浏览
我在使用Menu时,绑定temsField属性为children,就是不出子菜单,删除绑定也没一样,把数据源children属性改成别的,再绑定也没用。就显示一级菜单,不知道这问题是不是BUG

代码
<ul id="menuUi" class="mini-menubar" style="width: 100%; border: 0;" url="menu.txt" itemsField="children" textField="Name" idField="ID"></ul>

menu.txt 内容
[
                { "ID": 1, "PicFileName": "1.gif", "Name": "菜单1", "children": null },
                { "ID": 2, "PicFileName": "2.gif", "Name": "菜单2", "children": null },
                { "ID": 3, "PicFileName": "3.gif", "Name": "菜单3", "children": null },
                { "ID": 4, "PicFileName": "4.gif", "Name": "菜单4", "children": null },
                { "ID": 5, "PicFileName": "5.gif", "Name": "菜单5", "children": null },
                { "ID": 6, "PicFileName": "6.gif", "Name": "菜单6", "children": null },
                { "ID": 7, "PicFileName": "7.gif", "Name": "菜单7", "children": null },
                { "ID": 8, "PicFileName": "8.gif", "Name": "菜单8", "children": [
                        { "ID":9, "PicFileName": "9.gif", "Name": "菜单9", "children": null}]
                }
]

Rank: 9Rank: 9Rank: 9

沙发
发表于 2012-8-17 15:35:31 |只看该作者
请参考示例:http://www.miniui.com/demo/#src=menu/menu.html

html代码:
<ul id="menu1" class="mini-menubar" style="width:100%;"
    url="../data/listMenu.txt" idField="id" parentField="pid">
</ul>

JSON:
  1. [
  2.         { id: "1", text: "文件(F)"},               
  3.         '-',
  4.         { id: "2", text: "新建", iconCls: "icon-new", pid: "1"},       
  5.                 { id: "3", text: "文件", pid: "2"},
  6.                 { id: "4", text: "文件夹", pid: "2"},               
  7.         { id: "5", text: "打开", iconCls: "icon-folderopen", pid: "1"},
  8.         { id: "6", text: "保存", pid: "1"},
  9.         { id: "7", text: "关闭", pid: "1"},
  10.                
  11.         { id: "8", text: "编辑(E)"},
  12.                 { id: "9", text: "剪切", iconCls: "icon-cut", pid: "8"},
  13.                 { id: "10", text: "复制", pid: "8"},
  14.                 { id: "11", text: "粘贴", pid: "8"},
  15.                
  16.         { id: "12", text: "查看(V)"},
  17.         { id: "13", text: "帮助(H)", iconCls: "icon-help"}
  18. ]
复制代码
你不需要处理children.

Archiver|普加软件

GMT+8, 2024-11-26 06:27 , Processed in 1.035609 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部