JqueryUI从后台取数据绑定Accordion的各个menu以及menu的子menu
1
悬赏园豆：100
[待解决问题]
<div region="west" split="true" title="管理菜单" style="width:200px;padding1:1px;overflow:hidden;" iconCls="icon-reload">
<div class="easyui-accordion" fit="true" border="false">
<!-- 后台动态获取 -->
</div>
</div>
网上没找到相关代码，请问要如何实现？
如何动态的加载第一层menu以及动态加载menu下的子menu
我想的是后台传json，前台接收json，再添加进去；但我现在后台如何将两个string类型的list集合转成json再返回前台，前台又是如何接收的，接收后又是如何将这两个数组绑到Accordion上的
谢谢高手们指导下我吧。。
所有回答(2)
0
1.后台首先读取出菜单数据，赋值到后台变量上:Public String strMenu=....
2.前台JS获取后台变量<%=strMenu%>
3.JS得到strMenu后，怎么处理都可以了呀 :)
0
$(document).ready(function() { $.ajax({ type: 'POST', dataType: "json", url:'menu/getAll', success: function(data){ $.each(data,function(i,n){ $('#menu').accordion('add',{ title: n.menu_name, selected: false, content:'<div style="padding:10px"><ul name="'+n.menu_name+'"></ul></div>', }); }); } }); $('#menu').accordion({ onSelect: function(title,index){ $("ul[name='"+title+"']").tree({ url: 'menu/getModules?menuName='+title, }); alert(title); } }); });
然后页面再
<body id="cc" class="easyui-layout"> <div data-options="region:'north'" style="height: 100px"></div> <div data-options="region:'west',title:'导航菜单'" style="width: 200px;"> <div id="menu" class="easyui-accordion"> </div> </div> <div data-options="region:'center'"> </div> </body>
$('#menu').accordion({ onSelect: function(title,index){ $("ul[name='"+title+"']").tree({ url: 'menu/getModules?menuName='+title, }); alert(title); } });
这之后怎么取json里面的值呢 ？
