extjs tabPanel

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@ include file="/WEB-INF/jsp/base.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="css/ext-zh_CN.css" />
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="text/javascript" src="js/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script>
    var MONTH_PLAN_ID_ = null;//解析URL参数
    if (location.href.split('?')[1] != undefined) {
        var parameters = Ext.urlDecode(location.href.split('?')[1]);
        (parameters.MONTH_PLAN_ID_ != undefined) ? MONTH_PLAN_ID_ = parameters.MONTH_PLAN_ID_ : 0;
    }

    Ext.onReady(function() {
        Ext.getBody().mask('<spring:message code="loading" />');

        var tabPanel = Ext.create('Ext.tab.Panel', {
            id : 'tabPanel',
            header : false,
            items : [ {
                id : 'endWork',
                title : '竣工',
                layout : 'fit',
                html : '<iframe name="endWork_iframeName" src="preInsertEndWork.do?MONTH_PLAN_ID_=' + MONTH_PLAN_ID_ + '" style="width: 100%; height: 100%;" frameborder="0"></iframe>'
            }, {
                id : 'finalAccount',
                title : '决算',
                layout : 'fit',
                html : '<iframe name="finalAccount_iframeName" src="preInsertFinalAccount.do?MONTH_PLAN_ID_=' + MONTH_PLAN_ID_ + '" style="width: 100%; height: 100%;" frameborder="0"></iframe>'
            }, {
                id : 'close',
                title : '关闭'
            } ],
            listeners : {
                beforetabchange : function(tabs, newTab, oldTab) {
                    if (newTab.id == 'close') {
                        _close();
                    }
                }
            }
        });

        Ext.create('Ext.container.Viewport', {
            layout : {
                type : 'border',
                regionWeights : {
                    west : -1,
                    north : 1,
                    south : 1,
                    east : -1
                }
            },
            defaults : {
                border : false
            },
            items : [ {
                region : 'center',
                layout : 'fit',
                items : [ tabPanel ]
            } ]
        });

        _init();
    });

    function _init() {
        for (var i = 0; i < Ext.data.StoreManager.getCount(); i++) {//检查是否所有自动加载数据全部加载完毕
            if (Ext.data.StoreManager.getAt(i).isLoading()) {
                return;
            }
        }

        _tabPanelDisable();

        Ext.getBody().unmask();
    }

    function _tabPanelDisable() {
        Ext.getCmp('finalAccount').disable();
    }

    function _tabPanelEnable() {
        Ext.getCmp('finalAccount').enable();
        Ext.getCmp('endWork').disable();
    }

    function _returnValue() {
        parent.returnValue = true;
    }

    //激活第二个tab页
    function _activeTab() {
        Ext.getCmp('tabPanel').setActiveTab(1);
    }

    function _close() {
        parent.win.close();
    }
</script>
</head>
<body>
</body>
</html>
posted on 2018-11-16 09:06 斑驳。阅读(793) 评论(0) 编辑收藏举报