aceadmin用简单json生成treeview下载

weixin_39822095 2020-08-18 11:30:29

基于aceadmin1.4编写，其它版本稍做改动即可使用，需要先引入aceadmin相应的tree.min.js，使用时只需要传入带id、pId的json数组，自动生成上下级多层关系的树，可直接从后端取数返回json，引入此js后，调用：aceTree.tree("deptTree",treeData);即可。deptTree为要生成树的id，treeData为json数组。方法里包含了取已选择项的方法，如：var items = aceTree.selectedItems("deptTree");
有些方法来自网络！
使用例子：
放树的html：<ul id="deptTree"></ul>
相关下载链接：//download.csdn.net/download/ohaozy/10029551?utm_source=bbsseo

...全文

23 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

基于aceadmin1.4编写，其它版本稍做改动即可使用，需要先引入aceadmin相应的tree.min.js，使用时只需要传入带id、pId的json数组，自动生成上下级多层关系的树，可直接从后端取数返回json，引入此js后，调用：aceTree.tree("deptTree",treeData);即可。deptTree为要生成树的id，treeData为json数组。方法里包含了取已选择项的方法，如：var items = aceTree.selectedItems("deptTree"); 有些方法来自网络！使用例子：放树的html：<ul id="deptTree"></ul>

基于aceadmin1.4编写，引入此js文件，不需要复杂多层的json，只要把菜单数据组织成带id,pId,name,url,menuPic的简单json，程序通过id,pId自动组织成菜单上下级关系。menuPic参数是生成菜单的图标，必须是aceadmin自带的图标名。使用例子：以下为json数据，可从后端取数，动态生成菜单： var menuData=[ {'id':1,pId:null,name:"工作台",url:"/index",menuPic:"fa-tachometer"}, {'id':2,pId:null,name:"系统管理",url:"#",menuPic:"fa-list"}, {'id':3,pId:2,name:"菜单管理",url:"/sysMenu/list",menuPic:"fa-caret-right"}, {'id':4,pId:2,name:"系统参数",url:"/sysParam/list",menuPic:"fa-caret-right"}, {'id':5,pId:null,name:"权限管理",url:"#",menuPic:"fa-pencil-square-o"}, {'id':6,pId:5,name:"组织架构",url:"/dept/list",menuPic:"fa-caret-right"}, {'id':7,pId:5,name:"用户管理",url:"/userInfo/list",menuPic:"fa-caret-right"}, {'id':8,pId:5,name:"角色管理",url:"/role/list",menuPic:"fa-caret-right"} ]; aceMenu.menu("sys_menu_list",menuData); 此程序与aceAdmin的treeview生成非常类似，可参考资源： https://download.csdn.net/download/ohaozy/10029551

本版本是aceadmin1.4完整版，针对treeview多选支持不好的问题进行过改造。效果请参看：https://blog.csdn.net/ohaozy/article/details/81415384

通过解析Json数据生成树状结构 1、使用newtonsoft.json解析json 2、无限级 3、父子节点联动

jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 t

下载资源悬赏专区

13,654

社区成员

12,573,778

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章