easyui 怎么动态生成左侧菜单

Posted 2023-03-16

类似这种

参考技术A 我不太明白楼主所说的“动态”所指的是什么状态，一般来讲遇到过比较初级的人感觉“动态”一词仅是指可动的动画效果，这个的话还比较好说，但是如果楼主希望导航栏根据不同的访问者和访问条件变成不同的结构或内容，这个就不是js范畴好控制的了（当然也不是不行）

首先，是“可动的动画效果”，这个上来说easyUI并没有直接提同导航栏的控件或者样式，但是两种easyui提供的样式可以提供参考和辅助，一个是eaysui-menu类（参考Easyui官方帮助文档9页-创建简单菜单），另一个是panel面板（参考Easyui官方帮助文档15页-创建折叠面板）。具体要求可以追问

如果说动态的改变导航栏的结构和内容，那么多数请款下“动态”一次就不是指的js范畴了，这一般来讲是动态后台语言（如，asp，jsp，php等）的工作内容。当然js本身也可以达到类似的效果，但是只能是效仿。提供一个种简单的思路吧，有不明白可以追问。将所有可能的导航栏选项，都以静态形式上传到本地，然后在用户进行会改变导航栏的操作的时候，由js从新生成页面内节点。当然如果需要刷新的页面的话，就在本地创建cookie，存储一些参数，然后再页面加载的过程中，根据cookie的参数，生成页面。

easyui-accordion 如何实现左侧多层导航菜单

参考技术A 先按照你的数据，生成一级菜单，根据一级的onSelect事件，动态给每个一级标签生成tree标签

$('#accord').accordion('add',
title:。。,
iconCls:。。,
content:'<div style="padding:10px" ><ul name="'+自己的值+'"></ul></div>'
);

$('#accord').accordion(
onSelect: function(title,index)
$("ul[name='"+title+"']").tree(
data:。。。,
onClick:function(data)

);

);