首页 / EASYUI / EasyUI选项卡页面处理示例

EasyUI选项卡页面处理示例

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了EasyUI选项卡页面处理示例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2831字，纯文字阅读大概需要5分钟。

内容图文

            <%
            @ 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);
             }elseif(title==‘任务跟踪‘){
                 count=1;
                 var reqUrl = PROJECT_URL+"/drilling/track";
                 $("#iframeTrack").attr("src",reqUrl);
             }elseif(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的分页不能正常使用。

原文：http://www.cnblogs.com/boonya/p/3528515.html

内容总结

以上是互联网集市为您收集整理的EasyUI选项卡页面处理示例全部内容，希望文章能够帮你解决EasyUI选项卡页面处理示例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1252110.html

来源：【匿名】