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

Ext.Window基本属性

EXT 
阅读更多
var window = new Ext.Window({ 
        ///标题 
        title: '操作人员管理', 
        ///宽 
        width: 500, 
        ///高 
        height:500, 
        ///最小的宽带 
        minWidth: 300, 
        ///最小的高度 
        minHeight: 200, 
        ///布局的方式 
        layout: 'fit', 
        ///是否允许调整大小 
        resizable:false, 
        ///是否准许拖动 
        draggable:true, 
        ///关闭按钮 
        closable:true, 
        ///是否视图中显示 
        constrain:true, 
        ///是否为透明背景 
        plain:true, 
        ///显示最小化按钮 
        minimizable:true, 
        ///最大化按钮 
        maximizable:true, 
        ///是否显示收缩按钮 
        expandOnShow:true, 
        ///是否显示关闭按钮 
        closable:false, 
        ///关闭按钮样式 
        collapsedCls:"x-plain", 
         ///不可用时  是否进行遮挡 
        maskDisabled:true, 
        ///头部文本 
        headerAsText:"头部标题", 
        ///表 
        bodyStyle:'padding:5px;', 
        ///按钮的对其方式 
        buttonAlign:'center', 
         items: xform,

        buttons: [{ 
            text: '关闭' 
        },{ 
            text: '取消' 
        }] 
    });
分享到:
评论

相关推荐

    一个简单的Ext.Window中插入图片的例子

    首先,理解`Ext.Window`的基本结构是关键。它是一个轻量级的弹出窗口组件,可以设置大小、位置、标题、工具栏、内容区域等属性。在`Ext.Window`中添加内容通常通过设置其`items`配置项来完成,可以是任何Ext JS支持...

    Ext-window属性

    【Ext.Window属性详解】 在Ext JS中,`Ext.Panel`是一个强大的组件,它可以用来创建各种复杂的用户界面。当Panel被用作窗口时,它通常会继承或包含`Ext.window.Window`的一些属性。以下是对`Ext.Panel` API中与`...

    Ext.js教程和Ext.js API

    1. **入门**:介绍安装步骤、基本HTML结构和引入Ext.js库的方法。 2. **组件系统**:讲解组件的概念,包括容器(Container)、面板(Panel)、窗口(Window)等,以及布局管理(Layouts)。 3. **数据管理**:讲解...

    Ext window的使用

    创建一个基本的Ext.Window实例,你需要定义一些基本属性,如宽度、高度、标题等。例如: ```javascript var myWindow = Ext.create('Ext.Window', { title: '我的窗口', width: 400, height: 300, html: '...

    Ext组件描述,各个组件含义

    - **功能描述**:Component 是所有 Ext 组件的基础类,它定义了所有 Ext 组件都共有的基本属性和方法。 - **主要用途**:作为所有其他组件的基类。 **1.5 Container (Ext.Container)** - **xtype**: `container` -...

    Ext Js权威指南(.zip.001

    9.2.2 ext.container.abstractcontainer和ext.container.container的配置项、属性、方法和事件 / 434 9.2.3 将body元素作为容器:ext.container.viewport / 435 9.3 面板 / 436 9.3.1 面板的结构 / 436 9.3.2 ...

    ext教程1.pdf

    - **基本组件**:如`Ext.BoxComponent`(带边框的组件)、`Ext.Button`(按钮)、`Ext.Panel`(面板)等。 - **工具栏组件**:`Ext.Toolbar`(工具栏)、`Ext.SplitButton`(可分裂的按钮)等。 - **表单及元素组件*...

    ext-base.js

    1. **基础对象**:EXT中的所有对象都继承自Ext.Base,这个基类定义了EXT对象的基本行为,如事件处理、属性管理和扩展机制等。 2. **类系统**:EXT使用面向对象的编程方式,"ext-base.js"中包含了类的创建、继承和...

    ext实例 ext操作步骤

    EXT提供了`Ext.Window`类来创建窗口,可以设置窗口大小、位置、标题、按钮等属性,并且可以包含其他EXT组件,如表格、表单等。 **EXT基本表格(GridPanel)介绍**:EXT的表格组件,即`Ext.grid.GridPanel`,是一种...

    ExtJs4_笔记.docx

    - **Ext.Panel**、**Ext.window.Window**和**Ext.container.Viewport**:面板、窗口和布局控件的使用。 - **Ext.tab.Panel**:详细讲解了选项卡的创建和操作。 - **Ext.ListView**和**Ext.view.View**:数据视图的...

    基于Extjs的模态对话框

    除了基本用法,Extjs还允许对模态对话框进行更复杂的定制,例如设置动画效果、调整z-index以处理重叠问题,或者通过`draggable`和`resizable`属性控制对话框的拖动和缩放行为。此外,还可以使用`mask`配置项自定义...

    Extjs实用教程

    - **窗口(Ext.Window)**:用于创建弹出式的对话框或窗口,可以自定义标题、大小等属性。 - **布局(Layouts)**:包括CardLayout、BorderLayout等多种布局方式,用于控制组件间的排列。 - **表格(Grid)**:用于...

    ExtJs4新类库特性详解及JS新语法扩展.docx

    Ext.require('Ext.window.Window'); ``` 2. **基本数据类型** ExtJS4支持JavaScript的基本数据类型,如数值、字符串、日期和布尔值。对于日期类型,可以使用`Ext.Date`对象进行操作: ```javascript var ...

    Extjs帮助文档.pdf

    `Ext.Panel` 是一个容器组件,可以包含其他Extjs组件,并可以设置边框、标题等属性。它可以作为基本布局单元,用于组织更复杂的应用程序界面。 示例代码: ```javascript var panel = new Ext.Panel({ title: '...

    老师整理的extjs学习笔记

    **7.1 Ext.data.Store 基本概念** `Ext.data.Store` 是 ExtJS 中用于存储和管理数据的核心组件。它支持从多种数据源获取数据,并提供了数据的排序、过滤等功能。 **7.2 Ext.data.DataProxy -- Ext.data.Store 的...

    extjs实例 入门,提供ext所需要的资源文件,详细叙述怎么改变文件颜色

    - 改变颜色的基本方法是为组件添加或修改CSS类。例如,如果要改变按钮的背景色,可以找到对应的按钮类(如`.x-btn`),然后在CSS中添加或修改属性,如`background-color`。 2. **组件配置**: - 在ExtJS的组件...

    EXT弹出框改装实现

    var myWindow = Ext.create('Ext.window.Window', { title: '我的弹出框', width: 400, height: 300, closable: true, items: [{ // 在这里添加内容,如面板、表单等 }] }); myWindow.show(); ``` 在上述...

    ExtJs组件类的对应表

    1. **`window`** - `Ext.Window`,窗口组件,用于创建弹出窗口或对话框。 2. **`viewport`** - `Ext.ViewPort`,视口组件,代表浏览器的可视区域,可以响应浏览器的大小变化。 3. **`box`** - `Ext.BoxComponent...

    msn界面布局-EXTJS实现实例教程

    在这个MSN界面布局的例子中,我们看到了如何结合使用`Ext.Window`、`Ext.Toolbar`、`Ext.ButtonGroup`、`Ext.SplitButton`以及其他的EXTJS组件来实现一个功能丰富的通讯器界面。这个教程不仅展示了EXTJS的基本用法,...

    extjs xtype

    19. `window` - `Ext.Window`:浮动窗口,可以包含任意组件并提供关闭、最小化等操作。 除了`xtype`,`Ext.QuickTips.init()`是EXTJS中的一个方法,用于初始化快速提示功能。快速提示是EXTJS中的一个小弹出窗口,...

Global site tag (gtag.js) - Google Analytics