//定义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页面自适应的更多相关文章

  1. Ext.Window 的常见属性

    Ext.Window 的常见属性:    plain:true,(默认不是)    resizable:false,(是否可以改变大小,默认可以)    maximizable:true,(是否增加最 ...

  2. JSP 页面传值方法总结(转)

    原文地址:http://www.cnblogs.com/java-class/p/6358964.html 阅读目录 1. URL 链接后追加参数 2. Form 3. 设置 Cookie 4. 设置 ...

  3. JSP 页面传值方法总结

    JSP 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧. 试着将各种方式总结下来,需要时可以进行权衡利弊选择最合适的方式. 1. URL 链接后追加参数 <a href=&quo ...

  4. JSP页面间的传值方法总结

    JSP 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧.试着将各种方式总结下来,需要时可以进行权衡利弊选择最合适的方式.下面来一起看看详细的介绍: 1. URL 链接后追加参数 ? 1 ...

  5. 【页面传值6种方式】- 【JSP 页面传值方法总结:4种】 - 【跨页面传值的几种简单方式3种】

    阅读目录 1. URL 链接后追加参数 2. Form 3. 设置 Cookie 4. 设置 Session JSP 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧. 试着将各种方式总 ...

  6. 移动端(手机端)页面自适应解决方案—rem布局篇

    移动端(手机端)页面自适应解决方案-rem布局 假设设计妹妹给我们的设计稿尺寸为750 * 1340.结合网易.淘宝移动端首页html元素上的动态font-size属性.设计稿尺寸.前端与设计之间协作 ...

  7. 【JSP错误总结】无法访问jsp页面

    运行环境:window 7 64位  JSP服务器 tomcat 7 现象:无法访问JSP页面,如下图所示:

  8. jsp页面常用控件

    1.点击按钮返回 上一页: <input type="submit" value="返回" onclick="javascript :histo ...

  9. Extjs中引入JSP页面

    有的时候,我们可能要在某个panel中动态的引入一个jsp页面.但是ext中貌似没有这样的方法,所以这时候需要我们自定义一个组件来完成我们的需求. 1.首先定义我们的penel. Ext.define ...

随机推荐

  1. Windows Server 2008 R2提示api-ms-win-crt-runtime-l1-1-0.dll 丢失解决方法

    在一台服务器的全新windows Server 2008 R2 服务器上配置php运行环境, 在启动Apache之后,显示下图错误: 解决方法: 1.安装VC redit.exe程序解决 是VC的一个 ...

  2. ppi

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. DS博客作业02--线性表

    1.本周学习总结 1.1思维导图 1.2.谈谈你对线性表的认识及学习体会 这阶段学习学的是线性表,学习线性表的两种存储顺序-----链表和顺序表,体会了两者存储结构之间的区别,通过对顺序表,单链表,双 ...

  4. 构建自定义docker镜像,上传至docker hub

    docker 优势 (外部参考) Docker 让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后 发布到任何流行的Linux机器上,便可以实现虚拟化.Docker改变了虚拟化的方 式,使 ...

  5. 洛谷P1072Hankson的趣味题题解

    题目 一道十分经典的数论题,在考场上也可以用暴力的算法来解决,从而得到\(50pts\)的较为可观的分数,而如果想要AC的话,我们观察原题给的数据范围\(a,b,c,d\)(为了好表示,分别代表a1, ...

  6. 基于VUE框架 与 其他框架间的基本对比

    基于VUE框架的基本描述 与 其他框架间的基本对比 2018-11-03  11:01:14 A B React React 和 Vue 有许多相似之处,它们都有: 使用 Virtual DOM 提供 ...

  7. 【洛谷P1129】矩阵游戏

    题目大意:给定一个 N*N 的矩阵,有些格子是 1,其他格子是 0.现在允许交换若干次行和若干次列,求是否可能使得矩阵的主对角线上所有的数字都是1. 题解:首先发现,交换行和交换列之间是相互独立的.主 ...

  8. 在不同DPI屏幕环境下,让图标显示的尺寸保持不变,使用 LoadImage() 加载图标

    之前写过的一个客户端程序中,需要在状态栏上显示图标: 我当时使用的是:HICON LoadIcon(HINSTANCE hInstance, LPCTSTR lpIconName); 在DPI:125 ...

  9. 阿里百川SDK初始化失败 错误码是203

    由idea换到Androidstudio 了,结果报这个错,之前好好的啊!!! 设置问题:

  10. python13 1.函数的嵌套定义 2.global、nonlocal关键字 3.闭包及闭包的运用场景 4.装饰器

    ## 复习   '''1.函数对象:函数名 => 存放的是函数的内存地址1)函数名 - 找到的是函数的内存地址2)函数名() - 调用函数 => 函数的返回值  eg:fn()() =&g ...