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初始化代码请求 ...
随机推荐
- Oracle 查询库文件信息
--.查看Oracle数据库中数据文件信息的命令方法 select b.file_name 物理文件名, b.tablespace_name 表空间, b.bytes// 大小M, (b.bytes- ...
- 用seborn的函数distplot(), jointplot(), pairplt()对数据的单变量分析绘图
1.用seaborn的distplot()函数绘制直方图.参数kde = True时会把分布曲线也画出来. 如下代码所示是绘制标准正态分布的分布图 import seaborn as sns impo ...
- python控制流-名词解释
一.控制流的元素 控制流语句的开始部分通常是“条件”,接下来是一个代码块,称为“子句”. 二.控制流的条件 条件为了判断下一步如何进行,从而求布尔值的表达式.几乎所有的控制流语句都使用条件. 三.代码 ...
- jmeter正则提取器提取指定位置的字符串
1.需求:提取登录后的凭证ticket供系统其他接口调用 2.登录接口返回的格式如下: { "ret_code":0, "ret_msg":"logi ...
- CSS 属性小记
1. 选择器的介绍 普通选择器 标签选择器:p{...} id选择器:#xiaoming{...} 类选择器:.class{...} 通用选择器: *{...}, 对所有的元素都有效 伪类选择器 Lo ...
- git工作简要流程
1.在线上创建新的功能分支,更新到本地: git pull 2.切换分支: git checkout branch-name 3.去代码编辑器开始你的表演 4.添加代码到缓冲区以备提交: git ad ...
- Java实现文件上传-按钮弹出上传页面
转自: https://blessht.iteye.com/blog/1405057 最近自己在做一个小系统玩的时候涉及到了文件的上传,于是在网上找到Java上传文件的方案,最后确定使用common- ...
- bash_profile和bashrc区别
[.bash_profile 与 .bashrc 的区别].bash_profile is executed for login shells, while .bashrc is executed f ...
- 115-基于TI TMS320DM6467无操作系统Camera Link智能图像分析平台
基于TI TMS320DM6467无操作系统Camera Link智能图像分析平台 1.板卡概述 该板卡是我公司推出的一款具有高可靠性.效率大化.无操作系统的智能视频处理卡,是机器视觉开发上的选. ...
- ie10兼容问题 -- 将div定位absolute在图片img上面,导致div点击事件无效
ie10兼容问题: 将div定位absolute在图片img上面,发现div若不加背景色,导致div点击事件(任何事件)无效. <div class="paper-box"& ...