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); }
转载于:https://www.cnblogs.com/yushouling/p/4936047.html
easyui tab相关推荐
- easyui tab 引用html,jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法.分享给大家供大家参考,具体如下: 我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Ta ...
- jquery easyui Tab 引入页面的问题
jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页)上的内容:"href远程请求"和"content本地内容",本文就两种方式的优缺点进 ...
- easyui tab页面关闭根据回调函数刷新父tab页
//这个方法写在框架顶层 CloseRefreshExcuteTab = function (callback) { //关闭当前tab页 closeTab(); //获取当前 ...
- jquery easyui二次开发总结(二)
1.easyui tab增加"关闭所有页"."关闭非当前页"功能. 1 //tab增加"关闭所有页"和"关闭非当前页"的 ...
- Web应用程序系统的多用户权限控制设计及实现-首页模块【5】
首页模块就是展示不同权限的最终结果了,在阅读这章之前若有些不明白,可看看后续的单独的权限模块,用户模块,目录模块后从整体上再看首页模块. 阅读该模块需要一定或者是比较熟练的js知识,EasyUI Ta ...
- easyui 1.4.2 Tab刷新图标重复问题
一.问题描述:最近搞个BS系统,需求前台开发,用的是easyui1.4.2,在做tab的刷新时,按照官网的例子,做出来的效果让我大失所望.点击刷新的时候,刷新图标重复出现,点一次多一个.度娘里没有找到 ...
- easyUI tabs 显示与隐藏 tab 页
easyUI tabs 显示与隐藏 tab tabs [javascript] view plaincopy tab_option = $('#tabs').tabs('getTab'," ...
- 为EasyUI 的Tab 标签添加右键菜单
近期研究了下MenuButton,有了新的感悟,原先在那个DEMO中右键支持做法,现在看来真是小儿科啊! 前期的准备工作: 1.下载DEMO源码,并升级为最新版本(jquery 1.7.2,Easyu ...
- easyui打开新的选项卡_Jquery Easyui选项卡组件Tab使用详解(10)
本文实例为大家分享了Jquery Easyui选项卡组件的实现代码,供大家参考,具体内容如下 加载方式 Class加载 tab1 tab2 tab3 JS调用加载 tab1 tab2 tab3 $(f ...
最新文章
- 线性回归与多项式回归的区别,如何判断他们的使用场景
- Linux常用命令(简单的常用)
- sql盲注特点_SQL注入介绍及分类解读
- python爬虫网易云音乐评论最多的歌_Python网易云音乐评论爬虫,歌曲的全部评论...
- python常用模块用法_python常用模块(一)
- MATLAB学习笔记(十四)
- cocos2dx游戏开发简单入门视频教程 (cocos2d-x)- 第1天
- svg 地图_用于Power BI的SVG省市地图(带数据标签,含下载)
- 职场打拼小妙招,建议你们收藏使用!
- 1021. Couples
- 深入理解拉格朗日乘子法(Lagrange Multiplier) 和KKT条件
- Android Hook 实战--替换第三方sdk的类
- [YLANDS][艾兰岛][校长组件]键值对数组(字典)
- 从数据标准到数据库设计:解决基础数据标准落地的最后一公里难题(上)
- 华为ensp 401 错误解决方案
- 2021年小目标检测最新研究综述 很全面值得收藏
- 学习前端第三天-----小程序制作
- 字节跳动面试:Android-系统预设-App,有什么难的?
- java游戏应龙女魃转世_应龙与女魃的爱情故事,应龙在黄泉海边等待女魃数千年...
- 云海F150-32UE使用说明