ext window嵌jsp頁面自適應

標籤：iframe   ems   window   直接   color   jsp頁面   else   nbsp   關閉   

//定義window調用方法傳入jsp所需參數
function getWindow(obj,obj1,obj2,obj3,obj4,obj5,obj6,obj7,obj8,obj9){    Ext.define(‘zjfxjk.institutionsLib.jgjs.editPanel‘,{      extend:‘Ext.window.Window‘,      layout:‘border‘,//border布局      alias: ‘editPanel_jg‘,//定義組件的別名，可直接傳入create建立組件      maximizable: true,//可最大化，最大化後jsp頁面width和height要隨之做自適應的變化      id: ‘editPanel_jg‘,        width:$(‘#homeCenterTab‘).width()*0.9,        height:$(‘#homeCenterTab‘).height()*0.9,        modal:true,//視窗背景模糊不可操作        title:‘‘,//        iconCls:‘icon-window‘,        closable:true,//可關閉        constrain:true,//強制組件在視窗內        initComponent:function() {//定義子組件            this.items=[this.getPlanPanel()];//,this.getFlowPanel()            this.callParent();          },        getPlanPanel:function(){            if(!this.planPanel){                this.planPanel=Ext.create(‘flowPanel_jg_jsp‘);            }            return this.planPanel;        },        getFlowPanel:function(){            if(!this.flowPanel){                this.flowPanel=Ext.create(‘flowPanel_jg‘);            }            return this.flowPanel;        },    });//    frameHeight=$(‘#homeCenterTab‘).height()*0.8-166;//    frameWidth=$(‘#homeCenterTab‘).width()*0.8;    //嵌入jsp頁面的panel,自訂群組件    frameWidth=$(‘#homeCenterTab‘).width()*0.9;    frameHeight=$(‘#homeCenterTab‘).height()*0.9-80;    Ext.define(‘zjfxjk.institutionsLib.jgjs.flowPanel_jsp‘,{        extend:‘Ext.tab.Panel‘,        width: frameWidth,        height: frameHeight,        border:false,        region:‘center‘,        id:"jgflowPanel_jsp",        alias: ‘flowPanel_jg_jsp‘,        items: [{            title: ‘計劃詳情‘,            id:"jgTab",            itemId:‘jgTab1‘,//tab ID            tabConfig: {//tab 相關設定                title: ‘計劃詳情‘,                tooltip: ‘計劃詳情‘            },
//嵌入jsp頁面，頁面效果好實現        html:‘<iframe id="planFrame" style="width:‘+frameWidth+‘px;height:‘+frameHeight+‘px;border: none;"  src="‘+Util.getPath()+‘/zjfxjk/institutionsLib/jgjs/jgWindow/flowPage1.jsp?id=‘+obj+‘&partName=‘+obj1+‘&planId=‘+obj2+‘&FID=‘+obj3+‘&MODE=‘+obj4+‘&STATE=‘+obj5+‘&SHZT=‘+obj6+‘&TASK_ID=‘+obj7+‘&GKFW=‘+obj8+‘&SZJ_SPYJ=‘+obj9+‘" ></iframe>‘,//style="border:none;"        }]    //    height:900,    });

//在jsp引用的js裡面
//方法寫在onready 和ext.onReady方法外面，然後再調用即可
//經過查apiExt.EventManager.onWindowResize 方法在5.0之後已被刪除，官方建議用以下方法監聽視窗變化function resizeWin(){//監聽視窗大小變化方法    var planWin=this.parent.Ext.getCmp(‘editPanel_jg‘);    planWin.on("resize",function(event){        $(event.el.dom).find("iframe").width(event.width);        $(event.el.dom).find("iframe").height(event.height-100);    }); }

 

ps:this.parent.Ext.getCmp(‘editPanel_jg‘);
方法可擷取視窗外面的所有Ext組件，
//例子

function closeWindow(){
var mode=$(‘#MODE‘).val();
if("check"==mode){
this.parent.Ext.getCmp(‘shListPanel‘).store.load();//列表重新整理
}else{
this.parent.Ext.getCmp(‘jgListPanel‘).store.load();
}
this.parent.Ext.getCmp(‘editPanel_jg‘).close();//視窗關閉
}

ext window嵌jsp頁面自適應