`
phyeas
  • 浏览: 164299 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

通过DIV布局Ext.Window

阅读更多
在HTML内有标签
<div id="myWindow">
</div>
如要使用该div产生一个Ext.Window.则可以在js文件中使用
new Ext.Window({
    el:
"myWindow",
    
//其他
}
);
来引用,但是如果div内有内容.比如
<div id="myWindow">
<table>
<tr>
<td>name:</td>
<td><input id="name" /></td>
</tr>
</table>
</div>
<!--省略若干代码-->
则显示出来的内容可能不是你想要的(具体可以试一下),
那么就必须用Ext的css设置了
具体如下.在div中加入
<div id="myWindow">
<!--标题可有-->
<div class="x-window-header">标题</div>
<div class="x-window-body">
<!--这里放内容(Window主体)-->
</div>
</div>
这样.才能得到所想要的效果

不知道为什么..Ext的文挡大部分没有其css的介绍,希望各位提供点资料看看
分享到:
评论

相关推荐

    EXT Window 通过DIV布局(源代码)

    Ext.Window 通过DIV布局,通过DIV填充window内容,带Ext所需文件。

    Ext-window属性

    当Panel被用作窗口时,它通常会继承或包含`Ext.window.Window`的一些属性。以下是对`Ext.Panel` API中与`Window`相关的属性的详细解释: 1. **activeItem**: 这个属性用于指定当前活动的子组件,可以是子组件的序号...

    3------通过实例学习------Ext.js------.docx

    icon: Ext.window.MessageBox.INFO }); }); ``` 在上述代码中,`Ext.onReady`确保在DOM加载完成后再执行JavaScript代码。`Ext.Msg.show`用于创建消息对话框,`Ext.get`则用于根据ID获取DOM元素。`Ext.fly`...

    老师整理的extjs学习笔记

    通过设置不同的布局策略,`Ext.Container` 可以实现灵活的界面布局。 #### 四、Panels、Windows 和 TabPanel **4.1 Ext.Panel 程序例子** `Ext.Panel` 是一个非常常用的容器组件,它可以用来封装一组相关的组件,...

    ExtJs组件类的对应表

    3. **`box`** - `Ext.BoxComponent`,盒子组件,类似于HTML的`&lt;div&gt;`标签,用于布局和结构设计。 4. **`component`** - `Ext.Component`,基础组件类,所有其他组件的基类。 5. **`container`** - `Ext....

    ext培训第三讲.doc 3/4

    例如,创建一个窗口使用`new Ext.Window()`,而创建一个表格则使用`new Ext.GridPanel()`。 在组件的构造函数中,通常会传入一个配置对象,这个对象包含了创建组件所需的各项属性及其值。组件将依据这些属性值来...

    extjs控件列表

    **Ext.Window** - **描述**: 可移动、可调整大小的窗口组件。 - **用途**: 创建独立的弹出窗口,用于显示额外信息或执行特定操作。 **Ext.ViewPort** - **描述**: 代表浏览器的可视区域,可自动调整大小以适应窗口...

    ExtJS学习心得

    本文将基于一份初学者的学习心得,详细介绍ExtJS的基础知识,并通过具体的示例来帮助理解如何使用ExtJS创建窗口(Window)和标签页(Tab Panel)。 #### 二、基础知识介绍 1. **Ext.onReady()** - 这个函数确保当DOM...

    Extjs xtype集合

    - **`Class`**: `Ext.Window` - **描述**: 一个弹出窗口,可以用于对话框或模态窗口。 2. **`viewport`:** - **`xtype`**: `viewport` - **`Class`**: `Ext.ViewPort` - **描述**: 视口组件,表示浏览器的...

    Extjs中文教程2.x

    - **示例**: `new Ext.window.Window({ title: 'Window', width: 400 })`。 **13.2 功能** - **最大化**: `maximize()` 方法。 - **最小化**: `minimize()` 方法。 **13.3 实现** - **最小化功能**: 通过监听...

    ExtJs入门实例

    var win = new Ext.Window({ title: '窗口标题', width: 400, height: 300, modal: true, items: [/* 添加窗口内的子项 */] }); win.show(); ``` #### 4. Ext.FormPanel - **基本属性**: - `title`: ...

    AnyFo_-_ExtJS_移魂大法

    通过上述内容,我们已经详细介绍了如何搭建ExtJS开发环境、使用布局管理器、事件机制、窗体、表单、Tree、Tab、Grid、数据展示以及如何使用Ajax技术。希望这些知识点能帮助您更好地理解和使用ExtJS框架。

    estJS window简介

    此外,`Window` 还支持响应式布局,能够自动适应不同屏幕尺寸,从而提供一致的用户体验。 ### 二、Window 基本属性解析 在文件的部分内容中,我们可以看到对 `Ext.Window` 的实例化及其属性设置: 1. **title**: ...

    Extjs中文教程

    - 通过`Ext.extend`和`Ext.override`方法可以实现类的继承和重写。 - **配置(config)选项** - 配置选项是Extjs组件的核心,用于设置组件的各种属性和行为。 - 通常在组件构造函数中通过传递一个配置对象来指定...

    EXT样式的页面原型

    2. CSS+DIV布局:在EXT样式的页面原型中,CSS用于控制页面的样式和布局。通过使用CSS,开发者可以实现响应式设计,使页面在不同设备和屏幕尺寸上都能正确显示。DIV元素是HTML中的一个块级元素,常被用作布局容器,...

    FCKEditor与ext结合使用

    window.onload = function() { var editor = new FCKeditor('fckeditor'); editor.BasePath = 'fckeditor/'; editor.Width = '100%'; editor.Height = '90%'; editor.Value = '&lt;p&gt;Hello, World!&lt;/p&gt;'; editor....

Global site tag (gtag.js) - Google Analytics