在一些复杂的布局中要设置最小宽度和最小高度很难,可以采取用iframe的方式将主页面嵌入其中然后再将该iframe设置最小宽度 最小高度
// 为 ie 释放内存
function winClose() {
if (contentIframe) {
contentIframe.document.write("");
contentIframe.document.clear();
}
}
Ext.onReady(function() {
// 限制最小宽度 和最小高度
var doResize = function() {
var minWidth = 1000;
var minHeight = 550;
var windowHeight = Ext.getDoc().getViewSize().height;
var windowWidth = Ext.getDoc().getViewSize().width;
var ifame = Ext.get('contentIframe');
ifame.setHeight((windowHeight < minHeight)
? minHeight
: windowHeight);
ifame.setWidth((windowWidth < minWidth)
? minWidth
: windowWidth);
}
// Resize on demand
Ext.EventManager.onWindowResize(doResize);
doResize();
})
分享到:
相关推荐
在EXT JS这个强大的JavaScript框架中,表单布局是构建用户界面时一个非常重要的组成部分。EXT JS提供了多种布局方式,使得开发者可以灵活地设计和组织表单元素。在提供的代码实例中,我们看到了一个基于EXT JS的表单...
- **最小高度**:100 像素 - **最大高度**:200 像素 - **可折叠**:支持通过拖拽调整大小 - **标题**:`South` - **作用**:可以作为状态栏或者操作面板。 #### East 区域 - **宽度**:225 像素 - **最小宽度**:...
4.7.2. 最大长度,最小长度 4.7.3. 借助vtype 4.7.4. 自定义验证规则 4.7.5. 算不上校验的NumberField 4.8. 关于表单内部控件的布局问题 4.8.1. 什么都不做,默认的平铺布局 4.8.2. 分裂,分列 4.8.2.1. 分裂,分列...
2.4.1. 自主决定每列的宽度 2.4.2. 让grid支持按列排序 2.4.3. 中文排序是个大问题 2.5. 让单元格里显示红色的字,图片,按钮,你还能想到什么? 2.6. 更进一步,自动行号和多选checkbox 2.6.1. 自动行号 2.6.2. ...
- **ColumnLayout**:允许多个列并排排列,各列的宽度可以由像素或百分比定义,高度则自适应内容。 - **FitLayout**:简单布局,使子组件自动填充整个容器,是默认的布局选择。 - **AnchorLayout**:允许元素相...
MinChars定义触发自动完成的最小字符数,DisplayField和ValueField分别指定显示字段和值字段,ListWidth设置列表的宽度,ItemSelector定义选择项的样式,而PageSize用于设置分页大小。 最后,Ext.Net提供了一系列...
- Ext JS 支持多种布局方式,可以根据实际需求选择合适的布局方式。 - 示例:使用表单布局来组织表单字段。 5. **国际化** - 支持多种语言包,可以在不同语言环境下使用相同的代码。 - 示例:根据用户选择的...
最小化功能可能涉及改变提示框的高度和宽度;最大化则可能恢复到原始尺寸或占据整个屏幕;关闭功能可能涉及移除提示框的DOM元素。 消息多条翻页功能则需要考虑数据管理与展示。这可能涉及到数组操作(存储多条消息...
- **autoExpandMin**: 最小宽度,默认为`50`。 - **columnLines**: 是否显示列分隔线,默认为`false`。 - **disableSelection**: 是否禁止选择,默认为`false`。 - **enableColumnMove**: 是否允许移动列,默认为`...
6. `autoExpandMin`:自动扩展列的最小宽度限制。 7. `autoHeight`:如果设置为true,表格的高度会根据内容自动调整。 8. `autoShow`:设定组件是否在创建后立即显示。 9. `autoWidth`:如果设置为true,表格宽度会...
例如,你可以创建一个简单的窗口实例,指定其宽度、高度、内容和其他属性: ```javascript var myWindow = new WindowLite({ width: 400, height: 300, title: '我的窗口', html: '<p>这是窗口的内容</p>', ...
- minListWidth:下拉列表的最小宽度,默认为70像素。 - loadingText:加载数据时的提示信息,仅在mode='remote'时显示。 - maxHeight:下拉列表的最大高度,默认为300像素。 - minChars:触发自动选择之前用户...
创建一个简单的Ext.Panel非常直接,基本步骤包括指定一个容器(renderTo)、标题(title)、宽度(width)和高度(height)。同时,还可以通过tbar、bbar、buttons等配置项来添加顶部和底部工具栏按钮,以及面板中的...
- **最小化功能**:实现 Window 的最小化逻辑。 #### 十五、Panel 的子类 FormPanel - **FormPanel 类**:专门用于创建表单。 - **表单提交**:通过 Ajax 方式将表单数据提交到服务器。 #### 十六、更多表单组件 ...
首先,ExtJS中的日期时间控件主要由`Ext.picker.Date`和`Ext.picker.Time`组成。`Ext.picker.Date`用于选择日期,而`Ext.picker.Time`则用于选择时间。为了创建一个完整的年月日时分秒控件,我们需要结合这两个控件...
- `labelWidth`:字段标签的宽度,可以影响子容器的布局。 - `layout`:字段集的布局方式,默认为`form`布局。 `Ext.form.DateField`用于日期选择,其关键属性有: - `maxValue`和`minValue`:分别限制可选择的最大...
`device-width`意味着宽度将设置为设备的物理宽度,这样网页就能根据屏幕宽度自动调整布局。 2. `height`: 类似地,高度也可以设置为`device-height`,表示设备的物理高度。但通常在移动端,我们更关注宽度而非高度...
- **描述**:`maxHeight`定义了表格的最大高度,而`minColumnWidth`定义了表格列的最小宽度。默认值分别为无限制和25。 18. **trackMouseOver** - **描述**:此属性控制鼠标悬停时是否高亮显示当前行。默认情况...
3. **width** 和 **height**: 分别设置窗口的宽度和高度,单位默认为像素。 4. **constrain**: 如果设置为 true,则窗口将被限制在浏览器可视区域内,防止用户拖动窗口超出边界。 5. **maximizable** 和 **...