// 左侧导航加载

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);]的更多相关文章

  1. easyUI 的tree 修改节点,sql递归查询

    1.easyUI 的tree 修改节点: 我需要:切换语言状态,英文下, 修改根节点文本,显示英文. 操作位置:在tree的显示 $('#tree').tree(),onLoadSuccess事件方法 ...

  2. easyui中tree控件添加自定义图标icon

    来源于:http://blog.163.com/lintianhuanhai@126/blog/static/165587366201421704420256/ <!DOCTYPE html&g ...

  3. 做权限树时 使用EasyUI中Tree

    符合EasyUI中Tree的Json格式,我们先看一下,格式是如何的 [{ "id":1, "text":"My Documents", & ...

  4. 如何让EasyUI的Tree或者ComboTree节点不显示图标?

    版本:jQuery EasyUI 1.3.2 通过测试,只需把节点的state属性设置为null即可使EasyUI的Tree或者ComboTree控件的节点不显示图标.

  5. 第二百二十六节,jQuery EasyUI,Tree(树)组件

    jQuery EasyUI,Tree(树)组件 本节课重点了解 EasyUI 中 Tree(树)组件的使用方法,这个组件依赖于 Draggable(拖 动)和 Droppable(放置)组件. 一.加 ...

  6. easyUI的tree

    前端使用easyUI,放了一个tree,搞死了. easyUI的tree,后端传过来的数据,是json格式:然后easyUI向后端提交.请求时,会自动将节点的id附在url后面. 主要有两个注意的地方 ...

  7. 使用EasyUI中Tree

    easyui里面的加载tree的两种方式 第一种: 使用EasyUI中Tree 符合EasyUI中Tree的Json格式,我们先看一下,格式是如何的 [{ , "text":&qu ...

  8. 数据库中树形列表(以easyui的tree为例)

    构造一棵easyui前台框架的一个树形列表为例后台框架是spring MVC+JPA. 先看一下数据库是怎么建的,怎么存放的数据 下面是实体类 /** * 部门类 用户所属部门(这里的部门是一个相对抽 ...

  9. EasyUI使用tree方法生成树形结构加载两次的问题

    html代码中利用class声明了easyui-tree,导致easyUI解析class代码的时候先解析class声明中的easyui-tree这样组件就请求了一次url:然后又调用js初始化代码请求 ...

随机推荐

  1. RequestContextHolder

    JShop简介:jshop是一套使用Java语言开发的B2C网店系统,致力于为个人和中小企业提供免费.好用的网店系统. 项目主页:http://git.oschina.net/dinguangx/js ...

  2. mybatisProxy

    config.xml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE configurati ...

  3. MySQL学习-基础练习题

    day1 学生表操作: 1. 查询出班级205有多少个男生 2. 查询出名字为4个字的所有学生信息(编号.姓名,年龄,班级) 3. 查询出所有姓王的学生信息(编号.姓名,年龄,班级) 4. 查询出班级 ...

  4. bzoj3028食物 关于(1+x+x2+x3+x4+...)^k的第i项系数就是c(i+k−1,k−1)的证明

    关于(1+x+x2+x3+x4+...)^k的第i项系数就是c(i+k−1,k−1)的证明对于第i项,假设为5x^5=x^0*x^5x^5=x^1*x^4x^5=x^2*x^3........也就是说 ...

  5. 函数参数中经常见到的*args和**kwargs

    在python中,这两个是python中的可变参数,*arg表示任意多个无名参数,类型为tuple;**kwargs表示关键字参数,为dict. 例如下面这个代码可以利用*args计算传入的n个数的平 ...

  6. 1~n的全排列--阅文集团2018校招笔试题

    题目大意:给定整数n,求出1~n的全排列 示例 输入:n=3 输出:[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1] import java.util.S ...

  7. Java实验3与第五周总结

    1.已知字符串:"this is a test of java".按要求执行以下操作:(要求源代码.结果截图.) •统计该字符串中字母s出现的次数. •统计该字符串中子串" ...

  8. Docker最详细入门教程

    Docker原理.详细入门教程 https://blog.csdn.net/deng624796905/article/details/86493330 阮一峰Docker入门讲解 http://ww ...

  9. windows上zeal安装和使用--离线API文档

    1.官网:https://zealdocs.org/download.html#windows 2.github:https://github.com/zealdocs/zeal 3.下载:可下载安装 ...

  10. PHP数据结构基本概念

    原文:https://www.cnblogs.com/crystaltu/p/6408484.html 学习任何一种技术都应该先清楚它的基本概念,这是学习任何知识的起点!本文是讲述数据结构的基本概念, ...