1、tabs的常用操作

//1.判断tab是否存在。

   var currtab = $('#tabs').tabs('getSelected');

//2.判断点击的tab是否是当前选中的tab。

  var currtab = $('#tabs').tabs('getSelected');

  var tab = $("#tabs").tabs("getTab", title);

  if (currtab == tab)

   {

     ...

   }

//3.是当前tab时，刷新。

    var url = $(currtab.panel('options').content).attr('src');

    refreshTab(tab, url);

//4.不是当前tab时，转换当前选中的tab，在刷新！

     var tab = $("#tabs").tabs("select", title);

     var currtab = $('#tabs').tabs('getSelected');

     var url = $(currtab.panel('options').content).attr('src');

                    refreshTab(tab, url);

 //5.更新tab 对应的iframe  公用的方法

     function refreshTab(obj,url)

     {

       var refresh_tab = obj;

       if (refresh_tab && refresh_tab.find('iframe').length > 0)

            {

                var _refresh_ifram = refresh_tab.find('iframe')[0];

                _refresh_ifram.contentWindow.location.href = url;

            }

    }

2、实战应用

html标签

<body class="easyui-layout" >

    <div id="mytabs" class="easyui-tabs" fit="true">

        <div id="task" title="任务下发"  data-options="iconCls:'icon-task',closable:false" style="padding: 10px;border: 0px;height: 100%;" >

            <iframe id="iframeTask" name="iframeTask" src="qualityTask.jsp"

                style="width: 100%;height: 100%;border: 0px;"></iframe>

        </div>

        <div id="track" title="任务跟踪" data-options="iconCls:'icon-track',closable:false"     style="padding: 10px;height: 100%;" data-options="">

            <iframe  id="iframeTrack" name="iframeTrack" src="qualityTrack.jsp"

                style="width: 100%; height: 100%;border: 0px;"></iframe>

        </div>

        <div id="report" title="报表分析" data-options="iconCls:'icon-report',closable:false"    style="padding: 10px;height: 100%;">

            <iframe  id="iframeReport" name="iframeReport" src="qualityReport.jsp"

                style="width: 100%; height: 100%;border: 0px;"></iframe>

        </div>

    </div>

</body>

JS代码

var count=0;

$(document).ready(function(){

         $('#mytabs').tabs({

              border:false,

              onSelect:function(title){

                 if(title=='任务下发'&&count!=0){

                     //var iframeTask=iframeTask.window.document.getElementById("iframeTask");

                     var l=window.location;

                      var reqUrl = l.protocol + "//" +l.host+"/wtms/pages/quality/qualityTask.jsp";

                     $("#iframeTask").attr("src",reqUrl);

                 }else if(title=='任务跟踪'){

                     count=1;

                     //var iframeTrack=iframeTrack.window.document.getElementById("iframeTrack");

                     var l=window.location;

                      var reqUrl = l.protocol + "//" +l.host+"/wtms/pages/quality/qualityTrack.jsp";

                     $("#iframeTrack").attr("src",reqUrl);

                 }else if(title=='报表分析'){

                     count=1;

                    // var iframeReport=iframeReport.window.document.getElementById("iframeReport");

                     var l=window.location;

                      var reqUrl = l.protocol + "//" +l.host+"/wtms/pages/quality/qualityReport.jsp";

                     $("#iframeReport").attr("src",reqUrl);

                 }

              }

        });

});

JqueryeasyUI选项卡选择判定更改内部Iframe地址的更多相关文章

  1. 虚拟机的静态内部 IP 地址

     这是什么? 借助最新的 PowerShell 版本,您现在能够定义和配置特定的内部 IP 地址,该地址可以静态分配给部署在虚拟网络中的 IaaS 虚拟机.使用此功能,您可以直接为虚拟机配置内部 ...

  2. 如何更改magento后台地址

    magento默认的后台登陆地址是http://yourdomain.com/admin. 更改后台登陆地址是不难的,先用FTP登陆服务器,进入网站根目录,编辑app/etc/local.xml文件, ...

  3. Base标签小记：更改当前页面的地址

    一般来说,H5游戏的部署,index.html和代码资源都会放在同一个地址下然后使用iFrame导入到需要加载游戏的页面即可. 但是今天游戏项目部署遇到了一个问题,游戏自己的访问页面(index.ht ...

  4. Git更改远程仓库地址

    最近在开发一个公司内部的公共组件库.老大整理了git仓库里的一些项目,其中就包括这个项目. 项目git地址变了,于是我本地的代码提交成功后push失败. 查看远程地址 git remote -v 更改 ...

  5. 微信小程序 选择微信自带的地址 用户授权选择了拒绝

    // 选择微信自带地址 addAddr:function () { wx.chooseAddress({ success: function (res) { self.setData({ addrIn ...

  6. 四、Oracle loop循环、while循环、for循环、if选择和case选择、更改读取数据、游标、触发器、存储过程

    数据库的设计(DataBase Design): 针对于用户特定的需求,然后我们创建出来一个最使用而且性能高的数据库! 数据库设计的步骤: 01.需求分析 02.概念结构设计 03.逻辑结构设计 04 ...

  7. Linux下安装docker，更改镜像仓库地址，并部署springboot应用

    今天做不成的事,明天也不会做好. 各位同学大家好,随着docker的快速发展,越来越多的人开始使用,一方面随着容器化这个趋势越来越火,docker成为了其中的佼佼者:二来容器化确实降低了运维的门槛,让 ...

  8. svn提交时提示 Aborting commit: remains in conflict 解决办法，更改svn服务地址

    TortoiseSVN客户端如何更改新的URL 问题: 我们的服务器换了新的URL地址,这时候我们本地的SVN访问帐号和地址就要重新定义了. 解决步骤: 1:重新定义SVN的URL,右键(Tortoi ...

  9. tab选项卡(选择上面的菜单,下面出现对应的不同的内容)

    使用jQuery完成 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

随机推荐

  1. sendto() 向广播地址发包返回errno 13, Permission denied错误

    http://blog.csdn.net/guanghua2_0beta/article/details/52483916 sendto() 向广播地址发包返回errno 13, Permission ...

  2. Android应用程序组件Content Provider在应用程序之间共享数据的原理分析

    文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/6967204 在Android系统中,不同的应用 ...

  3. Android应用程序窗口（Activity）的运行上下文环境（Context）的创建过程分析

    文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/8201936 在前文中,我们简要介绍了Andro ...

  4. linux下挂载iso镜像文件（转）

    挂接命令(mount) 首先,介绍一下挂接(mount)命令的使用方法,mount命令参数非常多,这里主要讲一下今天我们要用到的. 命令格式: mount [-t vfstype] [-o optio ...

  5. [Python笔记][第二章Python序列-复杂的数据结构]

    2016/1/27学习内容 第二章 Python序列-复杂的数据结构 堆 import heapq #添加元素进堆 heapq.heappush(heap,n) #小根堆堆顶 heapq.heappo ...

  6. Android平台抓取native crash log

    Android开发中,在Java层可以方便的捕获crashlog,但对于 Native 层的 crashlog 通常无法直接获取,只能通过系统的logcat来分析crash日志. 做过 Linux 和 ...

  7. c# 面相对象1-概括

    面向对象和面向过程的区别 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候一个一个依次调用就可以了.  面向对象是把构成问题事务分解成各个对象,建立对象的目的不是为 ...

  8. mvc 笔记

    @{ ViewBag.Title = "主页"; } <div> 这里就是渲染Body啦.~~不需要写神马<asp:Content />,其实因为Rende ...

  9. Android布局控件

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout ...

  10. silverlight调用bing地图 和 显示中文地图

    bing地图sdk: https://msdn.microsoft.com/en-us/library/ff428643.aspx 引用dll:https://www.microsoft.com/en ...