//定义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. es6中常用方法

    查询数组中是否包含了某个元素keyword arr.includes(keyword)

  2. PL2303HX在Windows 10下面不装安装驱动的解决办法(Code:10)

    Prolific在很早之前推出了一款名为PL2303HX的芯片, 用于USB转RS232, 这款芯片使用的范围非常广, 并且年代久远. 但是这款芯片因为用的特别多, 所以中国就有很多厂家生产了仿造的P ...

  3. ubuntu下面配置apache

    1.在这个目录下面修改这个文件 把那个注释了 2.在这个目录下面修改这个文件 把这个改为index的目录

  4. <el-upload></el-upload>组件上传图片到七牛云

    [01]搭建好页面结构.定义数据与接口 <el-upload method="post" ref="upload" :action="domai ...

  5. ECMA262,JavaScript引擎,浏览器

    相关阅读:https://www.cnblogs.com/970119449blog/p/8080133.html 相关阅读:https://www.jb51.net/article/75888.ht ...

  6. spring启动容器加载成功后执行调用方法

    需求: 由于在微服务架构中各服务之间都是通过接口调用来进行交互的,像很多的基础服务,类似字典信息其实并不需每次需要的时候再去请求接口.所以我的想法是每次启动项目的时候,容器初始化完成,就去调用一下基础 ...

  7. vue-微信支付or支付宝支付片段

      <ulclass="way_list"> <li v-if="!isWeixinBrowser" class="group al ...

  8. fork子进程

    title: fork子进程 data: 2019/3/21 20:24:39 toc: true --- 这里实在学习socket编程前的小知识点,用来创建多个服务端 学习文档 函数可以有两个返回值 ...

  9. Apache Hadoop 2.9.2 完全分布式部署

    Apache Hadoop 2.9.2 完全分布式部署(HDFS) 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.环境准备 1>.操作平台 [root@node101.y ...

  10. CentOS使用@Value注解为属性赋值的时候出现乱码

    在本地开发用windows的没有出现乱码,在CentOS上运行的时候出现乱码. 1.修改中文的编码方式  (成功) env.properties为ANSI格式 先设置idea编码格式,utf-8, 将 ...