ext window嵌jsp页面自适应
//定义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页面自适应的更多相关文章
- Ext.Window 的常见属性
Ext.Window 的常见属性: plain:true,(默认不是) resizable:false,(是否可以改变大小,默认可以) maximizable:true,(是否增加最 ...
- JSP 页面传值方法总结(转)
原文地址:http://www.cnblogs.com/java-class/p/6358964.html 阅读目录 1. URL 链接后追加参数 2. Form 3. 设置 Cookie 4. 设置 ...
- JSP 页面传值方法总结
JSP 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧. 试着将各种方式总结下来,需要时可以进行权衡利弊选择最合适的方式. 1. URL 链接后追加参数 <a href=&quo ...
- JSP页面间的传值方法总结
JSP 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧.试着将各种方式总结下来,需要时可以进行权衡利弊选择最合适的方式.下面来一起看看详细的介绍: 1. URL 链接后追加参数 ? 1 ...
- 【页面传值6种方式】- 【JSP 页面传值方法总结:4种】 - 【跨页面传值的几种简单方式3种】
阅读目录 1. URL 链接后追加参数 2. Form 3. 设置 Cookie 4. 设置 Session JSP 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧. 试着将各种方式总 ...
- 移动端(手机端)页面自适应解决方案—rem布局篇
移动端(手机端)页面自适应解决方案-rem布局 假设设计妹妹给我们的设计稿尺寸为750 * 1340.结合网易.淘宝移动端首页html元素上的动态font-size属性.设计稿尺寸.前端与设计之间协作 ...
- 【JSP错误总结】无法访问jsp页面
运行环境:window 7 64位 JSP服务器 tomcat 7 现象:无法访问JSP页面,如下图所示:
- jsp页面常用控件
1.点击按钮返回 上一页: <input type="submit" value="返回" onclick="javascript :histo ...
- Extjs中引入JSP页面
有的时候,我们可能要在某个panel中动态的引入一个jsp页面.但是ext中貌似没有这样的方法,所以这时候需要我们自定义一个组件来完成我们的需求. 1.首先定义我们的penel. Ext.define ...
随机推荐
- .net使用SqlBulkCopy类操作DataTable批量插入数据库数据,然后分页查询坑
在使用SqlBulkCopy类操作DataTable批量插入数据,这种操作插入数据的效率很高,就会导致每一条数据在保存的时间基本一样,在我们分页查询添加的数据是,使用数据的添加时间来排序就会出现每页的 ...
- jQuery的deferred对象实战应用(附:Exchar动态多条数据展示并在topic展示详细数据)
解决三个后台请求都成功后先比较数据再处理数据的需求 今天碰到了一个问题,我需要创建一个图表,但是需要请求三个接口才能比较出指标数据,于是就看到了deferred对象 理论的补充在这里:http://w ...
- Spring Bean's life
In contrast, the lifecycle of a bean in a Spring container is more elaborate. It’simportant to under ...
- Go语言中的闭包
一.函数的变量作用域和可见性 1.全局变量在main函数执行之前初始化,全局可见 2.局部变量在函数内部或者if.for等语句块有效,使用之后外部不可见 3.全局变量和局部变量同名的情况下,局部变量生 ...
- Custom DNS on Ubuntu 18.04LTS server
1. Edit resolved config file nano /etc/systemd/resolved.conf 2. Replace #DNS into DNS DNS=9.9.9.9 1. ...
- 微信公众号开发之access_token的全局共用
最近做微信公众号开发,涉及到access_token的缓存问题(避免各自的应用都去取access_token,同时解决微信 appid和appsecret的安全问题),在通用权限管理系统底层增加了实现 ...
- visual studio 中sstrcpy报错的问题
项目->属性->C/C++->预处理器->预处理器定义->添加 _CRT_SECURE_NO_WARNINGS
- 织梦dede如何获取图集调用第一张图片完美解决方法【5.7sp2版本】
制作产品图集多图效果的时候,常常需要获取图集第一张图片的功能,假设获取的是缩略图,那么缩略图不够大的情况下,第一展示效果就会很差,下面来介绍下如何获取调用织梦图集第一张图片的方法: 首先在 inclu ...
- react项目后台及上线步骤
应同学要求,本人将react项目创建后台及上线流程书写如下: 前端部分 略…… 后台部分 (注:这里的后台是用的nodejs搭建的,使用的是express框架+ejs模板) 首先通过express快速 ...
- CentOS使用@Value注解为属性赋值的时候出现乱码
在本地开发用windows的没有出现乱码,在CentOS上运行的时候出现乱码. 1.修改中文的编码方式 (成功) env.properties为ANSI格式 先设置idea编码格式,utf-8, 将 ...