easyui tab
//在当前页面打开一个子tab
parent.addChildTab(title, url, '');//在当前页面关闭打开的子tab
parent.closeChildTab();

//初始化菜单栏
functioninitMenu(menu) {var result = eval("(" + menu + ")");var data = result.data[0].children;if (data.length == 0) {self.location= "/logout.jsp";return;}//加载菜单栏for ( var i = 0; i < data.length; i++) {var content = "<div style='margin: 10px;'>";if(data[i].leaf == true){content+= "<div style='margin: 5px;'><a href='#' οnclick=\"javascript: addTab('"+data[i].name+ "', '"+ data[i].value.replace("(.*)", "list")+ "');\">"+ data[i].name + "</a></div>";}else{for (var j = 0; j < data[i].children.length; j++) {if (data[i].children[j].leaf==false){var s=data[i].children[j];fun(s,1,s.id);content=$("#treeValue").html();}else{content+= "<div style='margin: 5px;'><a href='#' οnclick=\"javascript: addTab('"+data[i].children[j].name+ "', '"+ data[i].children[j].value.replace("(.*)", "list")+ "');\">"+ data[i].children[j].name + "</a></div>";}}}$("#treeValue").html("");$("#temporaryValue").html("");content+= "</div>";var openFlag = false;if(data[i].name == "我的工作"){openFlag= true;}$("#manage-console").accordion("add", {id : data[i].value,title : data[i].name,content : content,selected : openFlag});}addChildTab("待办任务",'/task/do/list.htm');
}functionfun(obj,flag,id){var treeContext="";treeContext+="<ul class='easyui-tree' id='temporaryId"+id+"'>";treeContext+="</ul>";var temporaryContext="";$(obj).each(function(x,y){if (y.leaf==false){temporaryContext+='<li id="liId'+y.id+'">';temporaryContext+="<span id='span"+y.id+"'>"+y.name+"</span>";temporaryContext+="<ul id='ulId"+y.id+"'>";temporaryContext+="</ul>";temporaryContext+="</li>";if(flag==1){$("#temporaryValue").html(treeContext);$("#temporaryId"+y.id+"").append(temporaryContext);var valueHtml=$("#treeValue").html();$("#treeValue").html(valueHtml+=$("#temporaryValue").html());$("#liId"+id+"").attr("data-options","state:'closed'");}else{$("#ulId"+id+"").append(temporaryContext);$("#liId"+y.id+"").attr("data-options","state:'closed'");}fun(y.children,2,y.id);}else{var valueContext="";valueContext+="<li>";valueContext+="<span><a href='#' οnclick=\"javascript: addTab('"+y.name+ "', '"+ y.value.replace("(.*)", "list")+ "');\">"+ y.name + "</a></span>";valueContext+="</li>";$("#ulId"+id+"").append(valueContext);}})
}//打开Tab页
functionaddTab(title, uri) {if(uri.indexOf("_") == 0)window.open(uri.substring(1));else{$("#manage-tabs").tabs("close", title);uri+= uri.indexOf("?") > -1 ? "&" : "?";uri+= "rand=" +Math.random();$("#manage-tabs").tabs("add", {title : title,content :"<iframe scrolling='auto' src='" + uri + "' frameborder='0' style='width:100%; height:100%;'></iframe>",closable :true});}
}//打开子Tab页
functionaddChildTab(title, uri, parent) {$("#manage-tabs").tabs("close", title);uri+= uri.indexOf("?") > -1 ? "&" : "?";uri+= "rand=" +Math.random();$("#manage-tabs").tabs("add", {id : parent+ "-" +title,title : title,content :"<iframe scrolling='auto' src='" + uri + "' frameborder='0' style='width:100%; height:100%;'></iframe>",closable :true});
}//关闭Tab页
functioncloseTab() {var tabs = $("#manage-tabs").tabs("getSelected");$('#manage-tabs').tabs('close', tabs.panel("options").title);
}//关闭子Tab页
functioncloseChildTab() {var tabs = $("#manage-tabs").tabs("getSelected");$("#manage-tabs").tabs("select", tabs.panel("options").id.split("-")[0]);var parentTab = $("#manage-tabs").tabs("getSelected");var iframe = parentTab.find("iframe")[0];var search =iframe.contentWindow.location.search;var href = iframe.contentWindow.location.href.replace(/#/g,"") + (search == "" ? "?" : "&") + "rand=" +Math.random();iframe.contentWindow.location.replace(href);$("#manage-tabs").tabs("close", tabs.panel("options").title);
}//关闭子Tab页(刷新父页iframe)
functioncloseChildTabIframe() {var tabs = $("#manage-tabs").tabs("getSelected");$("#manage-tabs").tabs("select", tabs.panel("options").id.split("-")[0]);var parentTab = $("#manage-tabs").tabs("getSelected");var iframe = parentTab.find("iframe")[0];var search =iframe.contentWindow.right.location.search;var href = iframe.contentWindow.right.location.href.replace(/#/g,"") + (search == "" ? "?" : "&") + "rand=" +Math.random();iframe.contentWindow.right.location.replace(href);$("#manage-tabs").tabs("close", tabs.panel("options").title);
}

posted on 2015-11-04 15:02 Stanley_yu 阅读(...) 评论(...) 编辑 收藏

转载于:https://www.cnblogs.com/yushouling/p/4936047.html

easyui tab相关推荐

  1. easyui tab 引用html,jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法

    本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法.分享给大家供大家参考,具体如下: 我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Ta ...

  2. jquery easyui Tab 引入页面的问题

    jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页)上的内容:"href远程请求"和"content本地内容",本文就两种方式的优缺点进 ...

  3. easyui tab页面关闭根据回调函数刷新父tab页

    //这个方法写在框架顶层 CloseRefreshExcuteTab = function (callback) { //关闭当前tab页             closeTab(); //获取当前 ...

  4. jquery easyui二次开发总结(二)

    1.easyui tab增加"关闭所有页"."关闭非当前页"功能. 1 //tab增加"关闭所有页"和"关闭非当前页"的 ...

  5. Web应用程序系统的多用户权限控制设计及实现-首页模块【5】

    首页模块就是展示不同权限的最终结果了,在阅读这章之前若有些不明白,可看看后续的单独的权限模块,用户模块,目录模块后从整体上再看首页模块. 阅读该模块需要一定或者是比较熟练的js知识,EasyUI Ta ...

  6. easyui 1.4.2 Tab刷新图标重复问题

    一.问题描述:最近搞个BS系统,需求前台开发,用的是easyui1.4.2,在做tab的刷新时,按照官网的例子,做出来的效果让我大失所望.点击刷新的时候,刷新图标重复出现,点一次多一个.度娘里没有找到 ...

  7. easyUI tabs 显示与隐藏 tab 页

    easyUI tabs 显示与隐藏 tab tabs [javascript] view plaincopy tab_option = $('#tabs').tabs('getTab',"  ...

  8. 为EasyUI 的Tab 标签添加右键菜单

    近期研究了下MenuButton,有了新的感悟,原先在那个DEMO中右键支持做法,现在看来真是小儿科啊! 前期的准备工作: 1.下载DEMO源码,并升级为最新版本(jquery 1.7.2,Easyu ...

  9. easyui打开新的选项卡_Jquery Easyui选项卡组件Tab使用详解(10)

    本文实例为大家分享了Jquery Easyui选项卡组件的实现代码,供大家参考,具体内容如下 加载方式 Class加载 tab1 tab2 tab3 JS调用加载 tab1 tab2 tab3 $(f ...

最新文章

  1. 线性回归与多项式回归的区别,如何判断他们的使用场景
  2. Linux常用命令(简单的常用)
  3. sql盲注特点_SQL注入介绍及分类解读
  4. python爬虫网易云音乐评论最多的歌_Python网易云音乐评论爬虫,歌曲的全部评论...
  5. python常用模块用法_python常用模块(一)
  6. MATLAB学习笔记(十四)
  7. cocos2dx游戏开发简单入门视频教程 (cocos2d-x)- 第1天
  8. svg 地图_用于Power BI的SVG省市地图(带数据标签,含下载)
  9. 职场打拼小妙招,建议你们收藏使用!
  10. 1021. Couples
  11. 深入理解拉格朗日乘子法(Lagrange Multiplier) 和KKT条件
  12. Android Hook 实战--替换第三方sdk的类
  13. [YLANDS][艾兰岛][校长组件]键值对数组(字典)
  14. 从数据标准到数据库设计:解决基础数据标准落地的最后一公里难题(上)
  15. 华为ensp 401 错误解决方案
  16. 2021年小目标检测最新研究综述 很全面值得收藏
  17. 学习前端第三天-----小程序制作
  18. 字节跳动面试:Android-系统预设-App,有什么难的?
  19. java游戏应龙女魃转世_应龙与女魃的爱情故事,应龙在黄泉海边等待女魃数千年...
  20. 云海F150-32UE使用说明

热门文章

  1. Python矩阵处理库—Numpy库的基本使用
  2. 问题一:使用AndroidDriver而非原来的AppiumDriver的原因
  3. mac或者linux磁力下载方法:远离渣雷
  4. scrapy 安装流程和启动
  5. (原创)机器学习之numpy库中常用的函数介绍(一)
  6. A Full Hardware Guide to Deep Learning
  7. 高仿微信对话列表滑动删除效果
  8. 【数据库范式】 分析题第一范式
  9. Linux学习之CentOS(三十)--SELinux安全系统基础
  10. 【Top】Plan (updating...)