<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Full Layout - jQuery EasyUI Demo</title>

 <%@ include file="/common/taglibs.jsp"%>

<link id="easyuiTheme" href="${ctx}/res/js/easyui/themes/metro/easyui.css"    rel="stylesheet" type="text/css" />

<link href="${ctx}/res/style/common-metro.css" rel="stylesheet" type="text/css" />

<link href="${ctx}/res/js/easyui/themes/icon.css" rel="stylesheet"    type="text/css" />

<script type="text/javascript" src="${ctx}/res/js/jquery-1.5.2.min.js"></script>

<script type="text/javascript" src="${ctx}/res/js/jquery.corner.js"></script>

<script type="text/javascript" src="${ctx}/res/js/jquery.cookie.js"></script>

<script type="text/javascript" src="${ctx}/res/js/easyui/jquery.easyui.min.js"></script>

<script type="text/javascript">

var PROJECT_PID=parent.PROJECT_ID;

var count=0;

var PROJECT_URL="${ctx}";

$(document).ready(function(){

    //更改父窗体显示的标签名称

     parent.$("#mainContainer").panel({title:"@钻井工序"});

    //设置选项卡页面请求

     $('#mytabs').tabs({

          border:false,

          onSelect:function(title){

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

                 var reqUrl = PROJECT_URL+"/drilling/task";

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

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

                 count=1;

                 var reqUrl = PROJECT_URL+"/drilling/track";

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

             }else if(title=='数据分析'){

                 count=1;

                 var reqUrl = PROJECT_URL+"/drilling/report";

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

             }

          }

   });

});

</script>

</head>

<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="${ctx}/drilling/task"

                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="${ctx}/drilling/track"

                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="${ctx}/drilling/report"

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

        </div>

    </div>

</body>

</html>

注意：分页封装参数属性：total,rows不要写错了，否则datagrid分页显示NaN错误（找了好久以为是框架嵌套的问题，后来发现误操作将total写成了toatl）。

EasyUI选项卡tab页面处理示例的更多相关文章

  1. easyui的tab加载页面中的form重复提交

    http://blog.csdn.net/fxz1982/article/details/8987769 Easyui中的tabs组件以href方式加载目标页面,如果目标页面中有dialog或者win ...

  2. Easyui实用视频教程系列---Tree点击打开tab页面

    Easyui实用视频教程系列---Tree点击打开tab页面 首先 我们 要搭建环境 easyui 环境 然后 把tree 给创建出来 在某个位置 粘贴 下面代码 <ul id="tt ...

  3. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（2）-easyui构建前端页面框架[附源码]

    原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(2)-easyui构建前端页面框架[附源码] 开始,我们有了一系列的解决方案,我们将动手搭建新系统吧. 用 ...

  4. 由easyui的tab在ie下渲染失败，发现的一个有意义的问题

    今天项目组的同事反映,在IE浏览器下,所有用easyui编写的tab控件都加载不出来,只会显示一个Loading的提示在控件的内容显示区. 刚分析这个问题,首先怀疑是使用easyui的tab的脚本写法 ...

  5. easyui中Tab的tools按钮刷新当前tab

    easyui中Tab的tools按钮刷新当前tab 点击刷新按钮,刷新当前Tab选项卡. $('#index_tabs').tabs({ fit : true, border : false, too ...

  6. VUE实现Studio管理后台（二）：Slot实现选项卡tab切换效果，可自由填装内容

    作为RXEditor的主界面,Studio UI要使用大量的选项卡TAB切换,我梦想的TAB切换是可以自由填充内容的.可惜自己不会实现,只好在网上搜索一下,就跟现在你做的一样,看看有没有好事者实现了类 ...

  7. html tab页面切换事件。

    $(document).bind("visibilitychange",function(e){ //只对tab页面切换有效 //document.visibilityState ...

  8. 选项卡 tab切换

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. 用Fragment制作的Tab页面产生的UI重叠问题

    本文出处:http://blog.csdn.net/twilight041132/article/details/43812745 在用Fragment做Tab页面,发现有时候进入应用会同时显示多个T ...

随机推荐

  1. WPF笔记(1.10 绘图)——Hello，WPF！

    原文:WPF笔记(1.10 绘图)--Hello,WPF! 书中的代码语法过时了,改写为以下(测试通过):         <Button>            <Button.L ...

  2. Linux下ld搜索问题：ld: cannot find -l"XX"

    ld命令行工具(链接库的一个工具)的搜索路径是-L指定的,库名是-l指定的. 比如: ld -L[dir] -l[mylib] --verbose 以上我用可视化的方法显示ld的搜索路径,其结果是居然 ...

  3. Common Lisp 编译器IDE环境搭建

    搭建Common Lisp编程环境的方法有很多种,这里我使用的是最常见的一种:SBCL + Emacs + SLIME. SBCL是Steel Bank Common Lisp的简称,它是Common ...

  4. 有序线性搜索（Sorted/Ordered Linear Search）

    如果数组元素已经排过序(升序),那我们搜索某个元素就不必遍历整个数组了.在下面给出的算法代码中,到任何一点,假设当前的arr[i]值大于搜索的值data,就可以停止搜索了. #include<s ...

  5. IOS Xmpp 创建固定房间

    XMPPRoom *room; // 初始化房间 XMPPRoomCoreDataStorage *rosterstorage = [[XMPPRoomCoreDataStorage alloc] i ...

  6. PCI、PCIE配置空间的訪问（MCFG，Bus，Device，Funtion）

    一般来说,在x86平台上,有两大类方式能够訪问这一区间的寄存器,   1,配置机制1#或者配置机制2#   訪问时借助in/out指令.请注意,这样的方式有别于一般的in/out指令訪问PCI的IO空 ...

  7. SQL Server2008R2安装失败问题之语言包问题

           今天安装SQL Server2008 的时候出现了,如下的的问题,安装过程在ExcuteStandardTimingsWorkflow时候报错,结束安装.       提示:       ...

  8. C#关于params的用法（使用数量可变的参数）

    有些方法需要传递个数不定的值进行运算.比如求最小值的方法.除了用容器外,还可以使用params来做 例子如下: using System; using System.Collections.Gener ...

  9. ubuntu安装体验

    本文记录一下昨晚及今天安装ubuntu系统的过程及体验 2016年6月13日09:36:11 更新 今天才有发现原来自己有个没填的坑 = = 那次安乌班图后第一感觉是很好用,新鲜了好几天,但是很快,新 ...

  10. sqlplus 链接数据库

    实验目的:在虚拟机中用sqlplus工具访问真实机的数据库: 实验环境: 真实机(windows系统,数据库服务名 orcl): SQL> select * from v$version; BA ...