失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > jQuery MiniUI 开发教程 导航控件 Menu:菜单(二)

jQuery MiniUI 开发教程 导航控件 Menu:菜单(二)

时间:2020-10-19 11:14:22

相关推荐

jQuery MiniUI 开发教程 导航控件 Menu:菜单(二)

[b]菜单[/b]

[img]/docs/api/images/menu-h.gif[/img]

参考示例:[url=/demo/menu/menu.html]菜单[/url]

[b]创建菜单[/b]

<ul id="menu1" class="mini-menubar" style="width:100%;"

url="../data/listMenu.txt" idField="id" parentField="pid">

</ul>

[b]url数据格式[/b]

[

{ id: "1", text: "文件(F)"},

'-',

{ id: "2", text: "新建", iconCls: "icon-new", pid: "1"},

{ id: "3", text: "文件", pid: "2"},

{ id: "4", text: "文件夹", pid: "2"},

{ id: "5", text: "打开", iconCls: "icon-folderopen", pid: "1"},

{ id: "6", text: "保存", pid: "1"},

{ id: "7", text: "关闭", pid: "1"},

{ id: "8", text: "编辑(E)"},

{ id: "9", text: "剪切", iconCls: "icon-cut", pid: "8"},

{ id: "10", text: "复制", pid: "8"},

{ id: "11", text: "粘贴", pid: "8"},

{ id: "12", text: "查看(V)"},

{ id: "13", text: "帮助(H)", iconCls: "icon-help"}

]

如果觉得《jQuery MiniUI 开发教程 导航控件 Menu:菜单(二)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。