手机版

实现多层菜单效果的jQuery-Easyui 1.2代码

时间:2021-10-11 来源:互联网 编辑:宝哥软件园 浏览:

2011年9月项目开始,我在花园里发现了疯狂的人才。因为学者上面的Demo没有多级菜单。也是我第一次接触易居。很多人不理解。然而,我们三个后来出来了。但是我们发现我们的项目无法使用。放弃吧!我把它放在那里了.幸运的是,我今天终于找到了我朋友想要的这篇文章,所以我发布了它。你可以看到你需要什么。肯定不止一个办法。这只是我们实现的一种手段,呵呵需要:菜单如“导航菜单-基础数据-基础数据1-子菜单1”效果:

Js代码复制如下:/* * * * * * * * * * *索引页。var _ menus={ basic :[{ ' menuid ' : ' 10 ',' icon' :' icon-sys ',' menuname ' : ' common menus ',' menu ' :[{ ' menuid ' : ' 111。Menuname': '基本数据1 ',' icon' :' icon-nav ',' URL' :' #'},{'menuid' :' 113 ',' menuname' : '基本数据12 ',' icon '。Url' :' #'},/{'menuid' :' 119 ',' menuname' : '这是',' icon' :' icon-nav ',' menu ' :[{ ' menuid ']。Menuname': '子菜单1 ',' icon' :' icon-nav ',' menu ' :[{ ' menuid ' : ' 120 ',' menuname' : '子菜单1111 ',' icon' 3331 '。Url' :' #'}]}]},//{'menuid' :' 115 ',' menuname' : '基础数据13 ',' icon' 3360' icon-nav ',' Url' :' # '。Menuname': '基本数据14 ',' icon' :' icon-nav ',' URL' :' #'},{'menuid' :' 119 ',' menuname' : '基本数据15 ',' icon '。URL ' : ' em/enterprise channel ended。action'}]},{'menuid' :' 20 ',' icon' :' icon-sys ',' menuname' :' test 1 ',' Menus' : [{'menuid' :' 211 ',' menuname' :' test one 11 ',' icon' :' icon-nav ',' URL' :' #'},{ ' menuid ' 3:Menuname':' test one 22 ',' icon' :' icon-nav ',' URL' :' #'}]}]),point : [{'menuid' :' 20 ',' icon' :' icon。Menuname': '邮件列表',' menu ' :[{ ' menuid ' : ' 211 ',' menuname' : '邮件用途',' icon' 3360' icon-nav ',' URL' :' #。Menuname': '邮件调整',' icon' :' icon-nav ',' URL ' : ' # ' }]};源代码下载jQuery-Easyui-12-three-Demo.rar

版权声明:实现多层菜单效果的jQuery-Easyui 1.2代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。