`
kakarot_java
  • 浏览: 163041 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext 布局 最小宽度 最小高度

阅读更多
在一些复杂的布局中要设置最小宽度和最小高度很难,可以采取用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 表单布局实例代码

    在EXT JS这个强大的JavaScript框架中,表单布局是构建用户界面时一个非常重要的组成部分。EXT JS提供了多种布局方式,使得开发者可以灵活地设计和组织表单元素。在提供的代码实例中,我们看到了一个基于EXT JS的表单...

    Ext20110222

    - **最小高度**:100 像素 - **最大高度**:200 像素 - **可折叠**:支持通过拖拽调整大小 - **标题**:`South` - **作用**:可以作为状态栏或者操作面板。 #### East 区域 - **宽度**:225 像素 - **最小宽度**:...

    EXT2.0中文教程

    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. 分裂,分列...

    Ext 开发指南 学习资料

    2.4.1. 自主决定每列的宽度 2.4.2. 让grid支持按列排序 2.4.3. 中文排序是个大问题 2.5. 让单元格里显示红色的字,图片,按钮,你还能想到什么? 2.6. 更进一步,自动行号和多选checkbox 2.6.1. 自动行号 2.6.2. ...

    EXT中文手册8

    - **ColumnLayout**:允许多个列并排排列,各列的宽度可以由像素或百分比定义,高度则自适应内容。 - **FitLayout**:简单布局,使子组件自动填充整个容器,是默认的布局选择。 - **AnchorLayout**:允许元素相...

    ExtPanel和其他控件

    MinChars定义触发自动完成的最小字符数,DisplayField和ValueField分别指定显示字段和值字段,ListWidth设置列表的宽度,ItemSelector定义选择项的样式,而PageSize用于设置分页大小。 最后,Ext.Net提供了一系列...

    ext常用操作

    - Ext JS 支持多种布局方式,可以根据实际需求选择合适的布局方式。 - 示例:使用表单布局来组织表单字段。 5. **国际化** - 支持多种语言包,可以在不同语言环境下使用相同的代码。 - 示例:根据用户选择的...

    javascript实现右下角提示框,支持最小化,最大化,关闭,消息多条翻页

    最小化功能可能涉及改变提示框的高度和宽度;最大化则可能恢复到原始尺寸或占据整个屏幕;关闭功能可能涉及移除提示框的DOM元素。 消息多条翻页功能则需要考虑数据管理与展示。这可能涉及到数组操作(存储多条消息...

    EXTGrid属性方法

    - **autoExpandMin**: 最小宽度,默认为`50`。 - **columnLines**: 是否显示列分隔线,默认为`false`。 - **disableSelection**: 是否禁止选择,默认为`false`。 - **enableColumnMove**: 是否允许移动列,默认为`...

    extgrid属性[文].pdf

    6. `autoExpandMin`:自动扩展列的最小宽度限制。 7. `autoHeight`:如果设置为true,表格的高度会根据内容自动调整。 8. `autoShow`:设定组件是否在创建后立即显示。 9. `autoWidth`:如果设置为true,表格宽度会...

    WindowLite 轻量级的Ext窗口.zip

    例如,你可以创建一个简单的窗口实例,指定其宽度、高度、内容和其他属性: ```javascript var myWindow = new WindowLite({ width: 400, height: 300, title: '我的窗口', html: '&lt;p&gt;这是窗口的内容&lt;/p&gt;', ...

    extjs控件属性

    - minListWidth:下拉列表的最小宽度,默认为70像素。 - loadingText:加载数据时的提示信息,仅在mode='remote'时显示。 - maxHeight:下拉列表的最大高度,默认为300像素。 - minChars:触发自动选择之前用户...

    ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页

    创建一个简单的Ext.Panel非常直接,基本步骤包括指定一个容器(renderTo)、标题(title)、宽度(width)和高度(height)。同时,还可以通过tbar、bbar、buttons等配置项来添加顶部和底部工具栏按钮,以及面板中的...

    ExtJs4.0.7年月日时分秒、时分秒控件

    首先,ExtJS中的日期时间控件主要由`Ext.picker.Date`和`Ext.picker.Time`组成。`Ext.picker.Date`用于选择日期,而`Ext.picker.Time`则用于选择时间。为了创建一个完整的年月日时分秒控件,我们需要结合这两个控件...

    EXTJS属性文档

    - `labelWidth`:字段标签的宽度,可以影响子容器的布局。 - `layout`:字段集的布局方式,默认为`form`布局。 `Ext.form.DateField`用于日期选择,其关键属性有: - `maxValue`和`minValue`:分别限制可选择的最大...

    通过viewport实现jsp页面支持手机缩放

    `device-width`意味着宽度将设置为设备的物理宽度,这样网页就能根据屏幕宽度自动调整布局。 2. `height`: 类似地,高度也可以设置为`device-height`,表示设备的物理高度。但通常在移动端,我们更关注宽度而非高度...

    GridPanel属性详解

    - **描述**:`maxHeight`定义了表格的最大高度,而`minColumnWidth`定义了表格列的最小宽度。默认值分别为无限制和25。 18. **trackMouseOver** - **描述**:此属性控制鼠标悬停时是否高亮显示当前行。默认情况...

    estJS window简介

    3. **width** 和 **height**: 分别设置窗口的宽度和高度,单位默认为像素。 4. **constrain**: 如果设置为 true,则窗口将被限制在浏览器可视区域内,防止用户拖动窗口超出边界。 5. **maximizable** 和 **...

Global site tag (gtag.js) - Google Analytics