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 ...
随机推荐
- centos7之zabbix邮件报警(短信报警)
前言 前面我们介绍了zabbix的基本linux和window及SNMP流量的简单监控,我们知道作为运维人员,需要7x24小时待命,但是我们不可能时时刻刻都坐在电脑旁边查看监控上的各个主机状态,所以我 ...
- [题解]邮递员寄信(luoguP1629)
题目来源:luoguP1629 题目描述 有一个邮递员要送东西,邮局在结点1.他总共要送N-1样东西,其目的地分别是2-N.由于这个城市的交通比较繁忙,因此所有的道路都是单行的,共有M条道路,通过每条 ...
- django rest framework serializers
django rest framework serializers序列化 serializers是将复杂的数据结构变成json或者xml这个格式的 serializers有以下几个作用:- 将qu ...
- Python IDLE 代码高亮主题
Python IDLE 代码高亮主题 使用方法: 打开C盘我的 C:\Documents and Settings\你的用户名.idlerc文件夹 里面会有一个 config-highlight.cf ...
- 【SEERC2018A】【XSY3319】Numbers
给你一个数 \(n\),求有多少种方案能把 \(n\) 分成两个非零回文数 \((a,b)\) 之和. 两个方案不同当且仅当 \(a_1\neq a_2\). \(n\leq {10}^{18}\) ...
- python学习日记(面向对象——组合)
组合指的是,在一个类中以另外一个类的对象作为数据属性,称为类的组合 圆环是由两个圆组成的,圆环的面积是外面圆的面积减去内部圆的面积.圆环的周长是内部圆的周长加上外部圆的周长.这个时候,我们就首先实现一 ...
- Docke--Dockerfile 构建LNMP环境
Dockerfile 构建nginx并结合php 1.构建基础镜像 先构建一个基础镜像,添加repo的环境和编译的环境,而centos镜像就是初始的官方镜像,后面构建php.nginx.mysql都使 ...
- 查看macOS下正在使用的zsh
使用dscl . -read /Users/$USER UserShell查看 如果你的结果是/bin/zsh,又恰巧用brew安装了zsh的话,那么你可能就白安装了 将brew安装的zsh添加到/e ...
- Cucumber语法格式
@login Feature: Login @T1 Scenario: Login with correct credentail Given I open login page When I ent ...
- Arrays和String单元测试(课下作业,选做)
在IDEA中以TDD的方式对String类和Arrays类进行学习- 测试相关方法的正常,错误和边界情况 - String类 - charAt - split - Arrays类 - sort - b ...