Question

jquery easyui 可折叠的导航菜单这段看不懂，求详解

<div data-options="region:'west',split:true" title="导航菜单" style="width:280px;padding1:1px;overflow:hidden;">
<div id="nav" class="easyui-accordion" fit="true" border="false">
<c:forEach items="${menus}" var="menu">
<div title='${menu.name}'>
<ul class="easyui-tree" fit="false" border="false" data-options="
valueField : 'id',
textField : 'name',
url : 'loginController?navTree&parentId=${menu.id}',
onClick : function(node) {
if (node.attributes.href != '' && node.attributes.href != null) {
openTab(node);
}
}">
</ul>
</div>
</c:forEach>
</div>
</div>

谢谢大家，小弟新手，实在看不明白了。。

Answer 1

<div data-options="region:'west',split:true" title="导航菜单" style="width:280px;padding1:1px;overflow:hidden;">
//region:'west',这div的布局位置在西部

<div id="nav" class="easyui-accordion" fit="true" border="false">//easyui-accordion-创建可伸缩面板
<c:forEach items="${menus}" var="menu">//for循环
<div title='${menu.name}'>
<ul class="easyui-tree" fit="false" border="false" data-options="//easyui-tree创建树菜单
valueField : 'id',
textField : 'name',
url : 'loginController?navTree&parentId=${menu.id}',//提交是的路径
onClick : function(node) {//点击事件带一个节点的参数
if (node.attributes.href != '' && node.attributes.href != null) {
openTab(node);//打开这个节点
}
}">
</ul>
</div>
</c:forEach>
</div>
</div>

这个注释比较简陋，你可以根据easyui的api看下，你就会知道是什么意思了

Answer 2

<c:forEach items="${menus}" var="menu">

遍历给的menus，把菜单的名字，连接地址之类的数据取出来，产生对应的标签和属性，有多少个菜单对象就有多少个标签按钮么...灵活组成界面...

Answer 3

你理解成循环输出菜单内容就是了！