easyui 无限级数tree[menulist1 = GetMenuList(sm2,menulist1);]
// 左侧导航加载
function addNav(data) {
$.each(data,function(i, sm1) {
var menulist1 = "<ul id='tt1' class='easyui-tree' animate='true' dnd='true'>";
$.each(sm1.menus, function(i, sm2) {
menulist1 = getSelUrl(sm2,menulist1);
menulist1 = GetMenuList(sm2,menulist1);
menulist1 += "</li>";
});
//console.log("------------end 2级UL-------------");
menulist1 += "</ul>";
//console.log(menulist1);
$('#wnav').accordion('add', {title : sm1.menuname,content : menulist1,iconCls : 'icon ' + sm1.icon});
});
var pp = $('#wnav').accordion('panels');
if (pp.length == 0)
return;
var t = pp[0].panel('options').title;
$('#wnav').accordion('select', t);
}
/**
* N级菜单
* @param data
* @param menulist1
* @returns menulist1
*/
function GetMenuList(data, menulist1) {
console.log(menulist1);
if(data.menus.length>0){
menulist1 += "<ul>";
$.each(data.menus, function(i, sm5) {
menulist1 = getSelUrl(sm5,menulist1);
menulist1 = GetMenuList(sm5,menulist1);
menulist1 += "</li>";
});
menulist1 += "</ul>";
}
return menulist1;
}
------------------------
/**
* url select
* @param obj
* @param menulist1
* @returns menulist1
*/
function getSelUrl(obj,menulist1){
if(obj.url!=null && obj.menus.length==0){
menulist1 += "<li><a ref='"+obj.menuid+"' href='#' rel='"+obj.url+"'> <span class='nav'>"+obj.menuname+"</span></a>";
}else{
menulist1 += "<li> <span class='nav'>"+obj.menuname+"</span>";
}
return menulist1;
}
----------------------------------------------
// 左侧导航加载
function addNav(data) {
$.each(data,function(i, sm1) {
var menulist1 = "<ul id='tt1' class='easyui-tree' animate='true' dnd='true'>";
$.each(sm1.menus, function(i, sm2) {
if(sm2.url!=null && sm2.menus.length==0){
menulist1 += "<li><a ref='"+sm2.menuid+"' href='#' rel='"+sm2.url+"'><span class='nav'>"+sm2.menuname+"</span></a>";
}else{
menulist1 += "<li> <span class='nav'>"+sm2.menuname+"</span>";
}
if(sm2.menus.length>0){
menulist1 += "<ul>";
$.each(sm2.menus, function(i, sm3) {
if(sm3.url!=null && sm3.menus.length==0){
menulist1 += "<li><a ref='"+sm3.menuid+"' href='#' rel='"+sm3.url+"'> <span class='nav'>"+sm3.menuname+"</span></a>";
}else{
menulist1 += "<li> <span class='nav'>"+sm3.menuname+"</span>";
}
if(sm3.menus.length>0){
menulist1 += "<ul>";
$.each(sm3.menus, function(i, sm4) {
if(sm4.url!=null && sm4.menus.length==0){
menulist1 += "<li><a ref='"+sm4.menuid+"' href='#' rel='"+sm4.url+"'> <span class='nav'>"+sm4.menuname+"</span></a>";
}else{
menulist1 += "<li> <span class='nav'>"+sm4.menuname+"</span>";
}
if(sm4.menus.length>0){
menulist1 += "<ul>";
$.each(sm4.menus, function(i, sm5) {
if(sm5.url!=null && sm5.menus.length==0){
menulist1 += "<li><a ref='"+sm5.menuid+"' href='#' rel='"+sm5.url+"'> <span class='nav'>"+sm5.menuname+"</span></a>";
}else{
menulist1 += "<li> <span class='nav'>"+sm5.menuname+"</span>";
}
menulist1 += "</li>";
});
menulist1 += "</ul>";
}
menulist1 += "</li>";
});
menulist1 += "</ul>";
}
menulist1 += "</li>";
});
menulist1 += "</ul>";
}
menulist1 += "</li>";
});
//console.log("------------end 2级UL-------------");
menulist1 += "</ul>";
//console.log(menulist1);
$('#wnav').accordion('add', {title : sm1.menuname,content : menulist1,iconCls : 'icon ' + sm1.icon});
});
var pp = $('#wnav').accordion('panels');
if (pp.length == 0)
return;
var t = pp[0].panel('options').title;
$('#wnav').accordion('select', t);
}
easyui 无限级数tree[menulist1 = GetMenuList(sm2,menulist1);]的更多相关文章
- easyUI 的tree 修改节点,sql递归查询
1.easyUI 的tree 修改节点: 我需要:切换语言状态,英文下, 修改根节点文本,显示英文. 操作位置:在tree的显示 $('#tree').tree(),onLoadSuccess事件方法 ...
- easyui中tree控件添加自定义图标icon
来源于:http://blog.163.com/lintianhuanhai@126/blog/static/165587366201421704420256/ <!DOCTYPE html&g ...
- 做权限树时 使用EasyUI中Tree
符合EasyUI中Tree的Json格式,我们先看一下,格式是如何的 [{ "id":1, "text":"My Documents", & ...
- 如何让EasyUI的Tree或者ComboTree节点不显示图标?
版本:jQuery EasyUI 1.3.2 通过测试,只需把节点的state属性设置为null即可使EasyUI的Tree或者ComboTree控件的节点不显示图标.
- 第二百二十六节,jQuery EasyUI,Tree(树)组件
jQuery EasyUI,Tree(树)组件 本节课重点了解 EasyUI 中 Tree(树)组件的使用方法,这个组件依赖于 Draggable(拖 动)和 Droppable(放置)组件. 一.加 ...
- easyUI的tree
前端使用easyUI,放了一个tree,搞死了. easyUI的tree,后端传过来的数据,是json格式:然后easyUI向后端提交.请求时,会自动将节点的id附在url后面. 主要有两个注意的地方 ...
- 使用EasyUI中Tree
easyui里面的加载tree的两种方式 第一种: 使用EasyUI中Tree 符合EasyUI中Tree的Json格式,我们先看一下,格式是如何的 [{ , "text":&qu ...
- 数据库中树形列表(以easyui的tree为例)
构造一棵easyui前台框架的一个树形列表为例后台框架是spring MVC+JPA. 先看一下数据库是怎么建的,怎么存放的数据 下面是实体类 /** * 部门类 用户所属部门(这里的部门是一个相对抽 ...
- EasyUI使用tree方法生成树形结构加载两次的问题
html代码中利用class声明了easyui-tree,导致easyUI解析class代码的时候先解析class声明中的easyui-tree这样组件就请求了一次url:然后又调用js初始化代码请求 ...
随机推荐
- Could not load type 'System.Runtime.CompilerServices.ExtensionAttribute' from assembly 'mscorlib 的一种情形
没有引用任何.net 4.5的东西,也没有引用 Newtonsoft.dll,原因是引用了微软的tlb类型库,引用方法如 https://www.cnblogs.com/nanfei/p/108798 ...
- JS刷新后回到页面顶部
window.location.href = location.href; 方法一: $(window).scrollTop(0); 方法二:$('html ,body').animate({ scr ...
- jQuery 获取设置图片 src 的路径
1.获取: $('#img')[0].src 2.设置:$('#img').attr("src", data.CodeUrl);
- Java程序的运行过程,以及Java为什么能够跨平台
Java程序运行机制 Java的运行主要分两步:先编译再解释执行 (1)先通过“编译器”将Java源程序(.java)编译成Java字节码文件(.class) (2)通过不同的虚拟机(JVM)将字节 ...
- linux中断处理上下部分
一.linux中断处理为什么要分为上下部 1.1. 中断处理的上半部(top half,又叫顶半部)和处理的下半部(bottom half,又叫底半部) 1.1. linux中断处理不参与调度,故中断 ...
- P-残缺的棋盘
Input 输入包含不超过10000 组数据.每组数据包含6个整数r1, c1, r2, c2, r3, c3 (1<=r1, c1, r2, c2, r3, c3<=8). 三个格子A, ...
- stdcall 函数调用过程(以delphi为例),还有负数的补码
以delphi下调用stdcall 函数为例,从右往左压栈:procedure TForm1.Button2Click(Sender: TObject);var i:integer;begin i:= ...
- 【学习总结】快速上手Linux玩转典型应用-第4章-准备工作
课程目录链接 快速上手Linux玩转典型应用-目录 目录 1. 准备工作一 2. 准备工作二 ===================================================== ...
- NSPredicate的使用,超级强大
NSPredicate *ca = [NSPredicate predicateWithFormat:(NSString *), ...]; Format: (1)比较运算符>,<,==, ...
- mysql常见函数及其用例
函数调用:select 函数名(实参列表) [from 表]; 函数分类: 1.单行函数 如 concat.length.ifnull等. 2.分组函数 功能:做统计使用,又称为统计函数.聚合函数.组 ...