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

Posted 2023-03-16

<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>

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

<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看下，你就会知道是什么意思了 参考技术A <c:forEach items="$menus" var="menu">

遍历给的menus，把菜单的名字，连接地址之类的数据取出来，产生对应的标签和属性，有多少个菜单对象就有多少个标签按钮么...灵活组成界面... 参考技术B 你理解成循环输出菜单内容就是了！