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>
相关推荐
这种功能通常通过设置Panel的布局和配置项来实现，比如使用`fit`布局，或者利用`autoWidth`和`autoHeight`属性，使Panel自动适应其父容器的大小。 在实现这种功能时，开发者可能需要关注以下几个关键知识点： 1. *...
本文将深入探讨如何在使用ExtJS时解决Panel与IFrame结合时页面高度自动适应的问题。 首先，我们需要了解`Panel`在ExtJS中的角色。Panel是容器组件，它可以包含其他组件，如按钮、表格、表单等。Panel有自己的布局...
- `autoHeight`: 自动调整高度以适应内容。 - `autoWidth`: 自动调整宽度以适应内容。 - `autoShow`: 是否自动显示组件。 - `enableHdMenu`: 是否启用表头菜单。 - `selModel`: 选择模型，如单选或多选。 - `...
在描述中提到，原生的ExtJs 4.2下拉框在展开时可能会遇到一些问题，比如默认显示根节点、最小高度时无法自动调整高度等。为了解决这些问题，开发者通常需要对源代码进行一些修改。 首先，我们来看`TreePicker.js`这...
ExtJS 4 是一个强大的JavaScript库，用于构建富客户端应用程序。它提供了丰富的组件库和复杂的布局管理机制，使得开发者能够创建复杂、响应式的用户界面。本文将深入探讨两种ExtJS 4中的布局方式：Accordion布局和...
如果设置为`true`，面板的高度会根据内容自动调整；如果为`false`，则需要指定一个固定的面板高度。 - **autoLoad (Object/String/Function)**：设置面板自动加载的内容。可以是URL地址、对象或函数。如果设置了非...
同时，EXTJS4的布局管理器（Layout Manager）能够自动调整组件大小和位置，确保在不同屏幕尺寸和分辨率下都能有良好的表现。 在性能优化方面，EXTJS4.0.7对DOM操作进行了优化，减少了不必要的重绘和回流，提高了...
2. **布局管理**：ExtJS 提供了多种布局方式，如 `FitLayout`、`BorderLayout` 和 `CardLayout` 等，可以帮助开发者轻松地管理和调整界面布局。 3. **数据绑定**：ExtJS 支持数据绑定，可以方便地将数据模型与视图...
3. **可配置性**：Combotree组件高度可配置，可以设置是否自动加载数据、初始展开级别、搜索过滤模式、节点的展开和折叠行为等。 4. **事件处理**：支持多种事件，如选择改变（select）、节点点击（click）、展开/...
由于其高度可定制性、强大的功能以及良好的文档支持，EXTJS成为了很多企业级项目的首选框架之一。 ### 二、EXTJS核心概念 #### 1. 组件模型 EXTJS采用组件化的设计思想，每个UI元素都是一个组件。组件可以嵌套在...
ExtJS，作为一个成熟的JavaScript框架，不仅提供了丰富的UI组件，还引入了面板（Panel）和布局类的概念，这些概念借鉴自桌面应用程序的开发模式，极大地提升了Web开发的效率和页面的设计能力。面板充当着Web应用中的...
ExtJS的核心是一系列高度封装的类库，这些类库为开发者提供了丰富的UI组件和API接口，可以轻松地构建复杂的Web应用程序。其中包含了大量的JavaScript类，每个类负责不同的功能。 #### 3.2 ExtJS的组件 组件是ExtJS...
具体来看，代码首先定义了一个名为var p_center的Ext.TabPanel对象，这个对象被配置为在中心区域内显示，并具有调整大小、最小宽度、默认宽度、高度、自动滚动等属性。接着在items数组中，开发者添加了一个具有xtype...
- **Flex Layout**：一种常用的响应式布局方式，允许根据容器大小自动调整组件大小。 #### 八、事件处理 - **Event Handling（事件处理）**：ExtJS 支持丰富的事件绑定机制，可以通过添加事件监听器来响应用户的...
通过以上知识点的梳理，我们可以看出Extjs是一款功能强大、高度可定制的前端框架，适用于开发各种复杂的Web应用。对于初学者来说，掌握这些基础知识是非常重要的，同时也需要不断实践和探索以提高自己的开发能力。
此外，还可以通过设置`autoHeight`属性来控制树的高度，使其能够根据内容自动调整。 ```javascript var tree = new Ext.tree.TreePanel({ el: 'tree', autoHeight: true // 自动计算高度 }); ``` #### 四、使用...