extjs 如何自动缩放,如何跟分辨率匹配?
来源:互联网 发布:在淘宝上怎样申请退款 编辑:程序博客网 时间:2024/04/28 16:43
可以将面板的宽和高设置为自动获取浏览器大小
例如 可编辑的grid面板
var grid_material = new Ext.grid.EditorGridPanel({
width:document.body.clientWidth,
height:document.body.clientHeight,
}]
如果你的面板是包含在jsp页面里面的,上面的设置可以让你获取jsp页面的大小,拖动鼠标改变浏览器大小后,页面随着改变,这样设置自然就可以获得页面大小了,就能随着浏览器改变了 我就是这样做的,效果还不错。
如果你只是靠jsp页面去引导,整个系统就是用ext去做,本身就是自适应的。
一下是相关资料 可以从中找到适合你的
out += "<br />网页可见区域宽:"+ document.body.clientWidth;
out += "<br />网页可见区域高:"+ document.body.clientHeight;
out += "<br />网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
out += "<br />网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
out += "<br />网页正文全文宽:"+ document.body.scrollWidth;
out += "<br />网页正文全文高:"+ document.body.scrollHeight;
out += "<br />网页被卷去的高:"+ document.body.scrollTop;
out += "<br />网页被卷去的左:"+ document.body.scrollLeft;
out += "<br />网页正文部分上:"+ window.screenTop;
out += "<br />网页正文部分左:"+ window.screenLeft;
out += "<br />屏幕分辨率的高:"+ window.screen.height;
out += "<br />屏幕分辨率的宽:"+ window.screen.width;
out += "<br />屏幕可用工作区高度:"+ window.screen.availHeight;
out += "<br />屏幕可用工作区宽度:"+ window.screen.availWidth;
out += "<br />你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
out += "<br />你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
// XHTML1.0规范
var docHeight =document.documentElement.clientHeight;//网页可见区域宽
var docHeightWithBorder=document.documentElement.offsetHeight //网页可见区域高(包括边线的宽)
var bodyWidth =document.body.clientWidth; //网页可见区域宽
var bodyHeight =document.body.clientHeight; //网页可见区域高
var bodyWidthWithBorder =document.body.offsetWidth; //网页可见区域宽(包括边线的宽)
var bodyHeightWithBorder=document.body.offsetHeight; //网页可见区域高(包括边线的宽)
var bodyWidthWithScroll =document.body.scrollWidth; //网页正文全文宽
var bodyHeightWithScroll=document.body.scrollHeight; //网页正文全文高
var bodyTopHeight =document.body.scrollTop; //网页被卷去的上边距
var bodyLeftWidth =document.body.scrollLeft; //网页被卷去的左边距
var windowTopHeight =window.screenTop; //网页正文部分上边距
var windowLeftWidth =window.screenLeft; //网页正文部分左边距
var screenHeight =window.screen.height; //屏幕分辨率的高
var screenWidth =window.screen.width; //屏幕分辨率的宽
var screenAvailHeight =window.screen.availHeight; //屏幕可用工作区高度
var screenAvailWidth =window.screen.availWidth; //屏幕可用工作区宽度
例如 可编辑的grid面板
var grid_material = new Ext.grid.EditorGridPanel({
width:document.body.clientWidth,
height:document.body.clientHeight,
}]
如果你的面板是包含在jsp页面里面的,上面的设置可以让你获取jsp页面的大小,拖动鼠标改变浏览器大小后,页面随着改变,这样设置自然就可以获得页面大小了,就能随着浏览器改变了 我就是这样做的,效果还不错。
如果你只是靠jsp页面去引导,整个系统就是用ext去做,本身就是自适应的。
一下是相关资料 可以从中找到适合你的
out += "<br />网页可见区域宽:"+ document.body.clientWidth;
out += "<br />网页可见区域高:"+ document.body.clientHeight;
out += "<br />网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条的宽)";
out += "<br />网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)";
out += "<br />网页正文全文宽:"+ document.body.scrollWidth;
out += "<br />网页正文全文高:"+ document.body.scrollHeight;
out += "<br />网页被卷去的高:"+ document.body.scrollTop;
out += "<br />网页被卷去的左:"+ document.body.scrollLeft;
out += "<br />网页正文部分上:"+ window.screenTop;
out += "<br />网页正文部分左:"+ window.screenLeft;
out += "<br />屏幕分辨率的高:"+ window.screen.height;
out += "<br />屏幕分辨率的宽:"+ window.screen.width;
out += "<br />屏幕可用工作区高度:"+ window.screen.availHeight;
out += "<br />屏幕可用工作区宽度:"+ window.screen.availWidth;
out += "<br />你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
out += "<br />你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
// XHTML1.0规范
var docHeight =document.documentElement.clientHeight;//网页可见区域宽
var docHeightWithBorder=document.documentElement.offsetHeight //网页可见区域高(包括边线的宽)
var bodyWidth =document.body.clientWidth; //网页可见区域宽
var bodyHeight =document.body.clientHeight; //网页可见区域高
var bodyWidthWithBorder =document.body.offsetWidth; //网页可见区域宽(包括边线的宽)
var bodyHeightWithBorder=document.body.offsetHeight; //网页可见区域高(包括边线的宽)
var bodyWidthWithScroll =document.body.scrollWidth; //网页正文全文宽
var bodyHeightWithScroll=document.body.scrollHeight; //网页正文全文高
var bodyTopHeight =document.body.scrollTop; //网页被卷去的上边距
var bodyLeftWidth =document.body.scrollLeft; //网页被卷去的左边距
var windowTopHeight =window.screenTop; //网页正文部分上边距
var windowLeftWidth =window.screenLeft; //网页正文部分左边距
var screenHeight =window.screen.height; //屏幕分辨率的高
var screenWidth =window.screen.width; //屏幕分辨率的宽
var screenAvailHeight =window.screen.availHeight; //屏幕可用工作区高度
var screenAvailWidth =window.screen.availWidth; //屏幕可用工作区宽度
- extjs 如何自动缩放,如何跟分辨率匹配?
- Android应用如何匹配不同手机分辨率
- 如何控制图片不被自动缩放
- 如何实现图片的自动缩放
- CSS如何让图片自动缩放
- 详解Android应用如何匹配不同的手机分辨率
- 详解Android应用如何匹配不同的手机分辨率
- 详解Android应用如何匹配不同的手机分辨率
- Android应用如何匹配不同的手机分辨率
- 如何让我们的ExtJs combobox支持模糊匹配
- 如何实现combox 自动匹配查找
- Google Map API如何自动缩放级别教程
- 响应式设计:如何使区块保持比例自动缩放
- 如何实现大分辨率的图片等比例缩放,使其适配不同的手机
- 探究客户端浏览器分辨率的自适应问题(如何使网站脚本自动适应客户端分辨率)
- EXTJS 如何实现类似comet 异步刷新grid(自动刷新)
- 如何匹配
- WEB页面中如何自动成比例缩放图片,鼠标滚轮缩放
- 使用GMF开发可视化界面编辑器(三)——连接线的绘制
- ubuntu下配置网络完全版~
- 帖发的失败
- ERP项目实施的15个基本规律
- php5 install fqa
- extjs 如何自动缩放,如何跟分辨率匹配?
- 用户密码破解心得与经验(转)
- Windows Server 2003 安全配置
- wordpress的静态化插件Cos-Html-Cache说明
- 264中 POC的计算方法
- it行业。
- 重构项列表
- ABAP 取内表行数
- 聊天框