背景:最近用ExtJS4.2做一个系统,需要在前端展示资源菜单,为树形结构,该树形结构是从数据库动态加载的. ExtJS的树形结构大致有两种情况: 1.静态树形结构,此处不多说,看API就能简单明白: 2.动态加载,ExtJS的特性是根据父节点ID来查询子节点,从而动态更新树形菜单,这里有一个缺陷,或许是我孤陋寡闻不知道,那就是无法根据数据库节点信息自动构建成为一棵树,记得zTree插件就有这个功能. 那么,我希望能够根据数据库树节点信息自动的构建成一棵树,就需要自己去写个小算法在后台拼接成Ex…
1.设计菜单实体 import java.util.List; public class Menu { //菜单id private Long id; //父节点id private Long parentId; //菜单名称 private String name; //对应路径 private String url; //图标 private String icon; //是否选中 private boolean selected; private List<Menu> childrens…
zTree下载:https://github.com/zTree/zTree_v3 目录: 就我看来,zTree较为实用的有以下几点: zTree 是一个依靠 jQuery 实现的多功能 “树插件”.优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. 支持 JSON 数据 支持静态 和 Ajax 异步加载节点数据 支持任意更换皮肤 / 自定义图标 支持极其灵活的 checkbox 或 radio 选择功能 提供多种事件响应回调 灵活的编辑(增/删/改/查)功能,可随意拖拽节点,还可…
从数据库加载菜单及子菜单主要使用递归的方法,具体实现可看代码 首先封装一个菜单pojo public class Menu { // 菜单id private String id; // 菜单名称 private String name; // 父菜单id private String parentId; // 菜单url private String url; // 菜单图标 private String icon; // 菜单顺序 private int order; // 子菜单 priv…
json结构: var Menu = [{ tit:"一级菜单", submenu:[{ tit:"二级菜单", url:"", func:function(){ alert('what do you want to do?'); } },{ tit:"二级菜单", func:function(){ alert('do what?'); }, submenu:[{ tit:"三级菜单", url:"…
jQuery的树形插件资料URL:http://bassistance.de/jquery-plugins/jquery-plugin-treeview/从该网站Download得到jquery.treeview.zip文件,里面有需要js.css.images等文件以及Demo,使用时只要在页面中引入jquery.js.jquery.cookie.js.jquery.treeview.js(树形菜单的方法).jquery.treeview.css即可.同时保证jquery.treeview.c…
继续我的最后.建立cookie后,带他们出去 var userName = Ext.util.Cookies.get('userName'); var userAuthority = Ext.util.Cookies.get('userAuthority');//0,1,2 接下来就能够用了 //树形菜单依据不同权限显示 var treeUrl='../store/ccTree'+userAuthority+'.json'; var treeStore = Ext.create('Ext.dat…
在Vue.js中一个递归组件调用的是其本身,如: Vue.component('recursive-component', {   template: `<!--Invoking myself!-->              <recursive-component></recursive-component>` }); 递归组件常用于在blog上显示注释.嵌套的菜单,或者基本上是父和子相同的类型,尽管具体内容不同.例如: 现在给您演示一下如何有效地使用递归组件,我将…
创建异步树形菜单 创建树形菜单的ul标签 <ul class="easyui-tree" id="treeMenu"> </ul> 写js代码,对菜单的ul标签元素使用tree函数 $(function(){ $('#treeMenu').tree({ url:'tree_data.json' //url的值是异步获取数据的页面地址 }); }); 写用来异步获取数据的php页面(tree_data.json页面).返回的需是Json值(此处…
引用:DAL:System.Data.SqlClient;System.Data; namespace CommTool { public class SqlComm { /// <summary> /// 根据指定条件,删除指定的表里面的数据 /// </summary> /// <param name="tableName">指定表名</param> /// <param name="condition"&g…