listeners :{
//进入页面执行事件设置高度和宽度
'render':function(){
this.setWidth(document.body.offsetWidth);
this.setHeight(document.body.offsetHeight);
},
bodyresize:function() {
this.setWidth(window.screen.width);
}
}
注意:当monitorResize设为false时,容器size改变,里面的元素的size不会重新设置
附:
javascript 如何获得当前窗口的宽度和高度
<body><SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽:"+ document.body.clientWidth;
s += "\r\n网页可见区域高:"+ document.body.clientHeight;
s += "\r\n网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
s += "\r\n网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽:"+ document.body.scrollWidth;
s += "\r\n网页正文全文高:"+ document.body.scrollHeight;
s += "\r\n网页被卷去的高:"+ document.body.scrollTop;
s += "\r\n网页被卷去的左:"+ document.body.scrollLeft;
s += "\r\n网页正文部分上:"+ window.screenTop;
s += "\r\n网页正文部分左:"+ window.screenLeft;
s += "\r\n屏幕分辨率的高:"+ window.screen.height;
s += "\r\n屏幕分辨率的宽:"+ window.screen.width;
s += "\r\n屏幕可用工作区高度:"+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度:"+ window.screen.availWidth;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert(s);
</SCRIPT>
相关推荐
类似extjs中viewport的panel viewport只能渲染到body,而这个panel可以渲染到任何html元素,并且这个panel会自动变大!自动填充到最大化
一个简单的EXTJS Panel,对于入门的学者来说,是个很好的例子。
Extjs 重写Panel添加click事件
Extjs checkboxgrop动态获取后台数据,并默认为全选状态
Extjs 4.11 重写 Panel 添加 click事件
ExtJs代码自动生成的规则,可用于反向生成。
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
extjs界面生成,页面设计,可以用可视化的方式,生成一套extjs系统界面
extjs 自动补全,模拟下拉列表combobox
ExtJS Panel常用方法,需要的朋友可以参考下。
用extjs写的页面例子,是一个系统,很合适初学者学习
Extjs4.1自动提示,放在\build目录下,原有sdk.jsb3里边的路径有问题
基于extjs form表单的项目源码
随便玩玩的EXTJS3.1的一个页面初学者可以看看, 可以用来学习学习。内容还是很丰富的。随便玩玩的EXTJS3.1的一个页面初学者可以看看, 可以用来学习学习。内容还是很丰富的。
系统的安全问题必备,现在很多系统查询后可以直接拍照流传,拍照可以防止流转
ExtJS页面路由,指定了主页面然后实现的viewport切换路由
用extjs4写的登录页面,希望对你有用,适合初学者
EXJ JS源码 图书管理系统的页面开发 EXJ JS源码 图书管理系统的页面开发 EXJ JS源码 图书管理系统的页面开发 EXJ JS源码 图书管理系统的页面开发
js代码,实现了 extjs4.x tabpanel 动态加载panel和html的功能