<%@ 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>
注：此种方式处理的缺陷是easyui的分页不能正常使用。