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

Ext window组件常见属性学习

阅读更多

1、window配置属性
    1.closeAction:枚举值为:close(默认值),当点击关闭后,关闭window窗口 hide,关闭后,只是hidden窗口
    2.closable:true在右上角显示小叉叉的关闭按钮,默认为true
    3.constrain:true则强制此window控制在viewport,默认为false
    4.modal:true为模式窗口,后面的内容都不能操作,默认为false
    5.plain://true则主体背景透明,false则主体有小差别的背景色,默认为false
    //需要显示下show()方法,默认的窗口是可拖动的,可关闭的,可拖动大小的
    w.show()
2、嵌套了tabpanel的window

js代码:
Ext.onReady(function(){
    var w=new Ext.Window({
                contentEl:"win",
                width:300,
                height:200,
                items:new Ext.TabPanel({
                        activeTab:0,//当前标签为第1个tab(从0开始索引)
                        border:false,
                        items:[{
                                title:"tab1",
                                html:"tab1在windows窗口中"
                            },{
                                title:"tab2",
                                html:"tab2在windows窗口中"
                            }
                        ]//TabPanel中的标签页
                }),
                plain:true,//true则主体背景透明,false则主体有小差别的背景色,默认为false
                title:"标题" ,
                bbar:[{         //bottom部
                        text:'确定'
                    },{
                        text:'取消',handler:function() {
                                w.close();
                            }
                    }
                ],
                buttons:[{         //footer部
                            text:'确定'
                        },{
                            text:'取消',handler:function(){
                                w.close();
                            }
                        }
                ],
                buttonAlign:'center',    //footer部按钮排列位置,这里是中间
                collapsiable:true   //右上角的收缩按钮
        });
        w.show();

})
html代码:
<body>
    <div>
        <div id="win" class="x-hidden"></div>
    </div>
</body>

分享到:
评论

相关推荐

    ext.net常见问题收集

    当需要在一个EXT.NET的`Window`组件中加载外部网页时,可以通过设置`autoLoad`属性来实现。例如,可以通过JavaScript动态设置`url`属性,如`Window2.autoLoad.url = ...

    Extjs使用Window最小化窗口

    总结起来,EXTJS中实现Window的最小化和还原功能需要对EXTJS组件系统有深入理解,包括Window组件的属性和方法,以及事件驱动的编程模式。通过自定义事件处理和状态管理,我们可以为EXTJS应用添加这样的高级交互功能...

    ExtJs4.2 Window常用方法

    根据提供的文件信息,本文将详细解释ExtJs 4.2中Window组件的一些常用配置属性...以上是关于ExtJs 4.2 Window组件的一些常见配置属性和方法的详细介绍。希望这些内容能够帮助读者更好地理解和使用ExtJs中的Window组件。

    ext 3.3.1 api 不可缺少的学习资料

    2. **EXT Components**:EXT提供了大量的预定义组件,如表格(Grid)、面板(Panel)、窗口(Window)、菜单(Menu)等。这些组件都有丰富的配置项和事件,通过组合和定制这些组件,可以快速构建出复杂的用户界面。 ...

    EXT和JAVA例子

    EXT JS提供了丰富的UI组件,如GridPanel(表格),FormPanel(表单),Window(弹出窗口),TabPanel(选项卡)等,这些都是构建用户界面的基础。开发者可以通过配置对象定义组件的属性,如大小、颜色、样式等,并...

    ext实例 ext操作步骤

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

    ext 自动生成器自动生成组件

    2. 参数配置:允许开发者设定组件的具体属性,如尺寸、颜色、行为等。 3. 代码预览:在生成代码前,可以预览组件的外观和功能。 4. 插件扩展:可能支持第三方插件,以实现更多特定功能。 5. 版本兼容:确保生成的...

    EXT2.0帮助文档CHM版

    此外,EXT的窗口(Window)组件也是文档中的一大重点,窗口可以用来显示模态对话框或浮动面板,具有可调整大小、可移动、可关闭等特性。开发者可以通过API文档学习如何创建、配置窗口,并与其他组件交互。 EXT的...

    Ext 3.0中文手册及帮助文档

    手册中包含大量示例代码,覆盖了各种组件的使用、事件处理、数据操作等,通过实例学习可以帮助开发者更好地理解和运用Ext 3.0。 七、常见问题解答 这部分包含了开发者在使用Ext 3.0过程中可能遇到的问题及其解决...

    Ext.js教程和Ext.js API

    2. **组件系统**:讲解组件的概念,包括容器(Container)、面板(Panel)、窗口(Window)等,以及布局管理(Layouts)。 3. **数据管理**:讲解Store、Model、Proxy和Reader/Writer的使用,实现数据的加载、保存和...

    Ext文件上传、下载

    - `window.location`或`window.open`:在`Ext`中,通常通过改变`window.location`或打开新窗口来触发文件下载。服务器端应提供一个URL,指向可下载的文件,客户端通过导航到这个URL来开始下载。 - `Content-...

    EXT导出Excel代码demo

    在"paging"这个文件中,可能包含了一个分页的例子,这在EXT应用中非常常见,特别是当处理大量数据时。EXT的Grid组件提供了内置的分页功能,通过配置store的paging参数和使用PagingToolbar组件,可以轻松实现数据的...

    深入浅出Ext 光盘源码

    1. **组件化设计**:EXT将界面元素抽象为各种组件(Component),如GridPanel、Window、TabPanel等。每个组件都有自己的生命周期、属性、方法和事件,可以独立地创建、配置、显示和销毁。 2. **数据绑定**:EXT的...

    Ext JS 删除的代码

    在上述的课程目录中,我们可以看到这些基础内容的详细讲解,从JavaScript回顾,到DOM操作,再到面向对象编程,最后到Ext JS框架的深入学习,包括组件使用,事件驱动开发,以及CRUD操作的实现。 学习这些知识,...

    Ext3.2中文API(2010-10-18更新).rar

    1. **组件(Components)**:Ext库的核心是各种组件,如面板(Panel)、表格(Grid)、窗口(Window)等。每个组件都有自己的配置项和方法,可以定制外观和行为。 2. **布局管理(Layouts)**:Ext3.2支持多种布局...

    ext.net 动态创建gridpanel

    GridPanel 是 ExtJS(Ext.NET 的基础)中的一个重要组件,用于展示数据表格。在这个场景中,我们将深入探讨如何使用Ext.NET代码动态创建GridPanel,并在各种窗口中灵活展示。 1. **动态创建GridPanel**: 在Ext...

    Ext.ux.UploadDialog

    UploadDialog组件是在Ext.Window的基础上构建的,它提供了一个弹出对话框,用户可以在其中选择需要上传的文件。这个组件通常包含一个文件选择器、一个提交按钮以及一个进度条,用于跟踪上传进度。 3. **文件选择器...

    Ext Js2.02 api

    它包含各种预定义的UI组件,如表格(Grid)、面板(Panel)、窗口(Window)、表单(Form)等,这些组件可以灵活组合,构建出复杂的用户界面。例如,Grid组件提供了数据展示和编辑的能力,可以与服务器端进行数据...

    Extjs4.0一些常见入门学习范例带注释详解

    在示例中,我们使用`Ext.require`来加载`Ext.Window`,然后在回调函数中创建并显示窗口。 5. 静态方法和属性(statics): `statics`属性用于定义类级别的方法和属性,可以通过类名直接调用。在`MyApp.Math`中,...

    Ext+3.1~3.3-中文API文档.rar

    - API文档详细列出了每个类、方法、属性和事件,方便开发者查找和理解。 - CHM格式的文档是一种常见的帮助文件格式,便于离线查看和搜索。 5. **事件处理** - ExtJS中的事件处理机制使得用户交互可以轻松响应,...

Global site tag (gtag.js) - Google Analytics