`
huoyunshen888
  • 浏览: 83508 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

extjs扩展自己的组件

 
阅读更多
http://www.iteye.com/problems/15242

myWindow = function(cfg){  
     Ext.apply(this,cfg); //属性拷贝,apply将会覆盖目标对象中的属性  
     Ext.onReady(this.init, this);  
}  
 
Ext.extend(myWindow, Ext.util.Observable,{  
     init: function(){  
          
        this.formPanel = new Ext.form.FormPanel({  
             width:280,  
             height:280,  
             labelWidth:50,  
             frame:true,  
             defaultType:'textfield',  
             items:[  
                 {  
                 fieldLabel:'name' 
                 },  
                 {fieldLabel:'age'}  
             ],  
             buttons:[  
             {text:'add'}  
             ]  
         });  
          
        this.showWindow = new Ext.Window({  
             width:300,  
             height:300,  
             title:'坏蛋吧',  
             items:[this.formPanel]  
         });  
        this.showWindow.show();  
     }  
});  
 
new myWindow(); 
分享到:
评论

相关推荐

    Extjs树分页组件扩展

    "Extjs树分页组件扩展"就是为了解决这一问题而设计的,它通过扩展TreeLoader和PagingToolbar,实现了在树形组件中进行分页加载的效果。 **TreeLoader的扩展** TreeLoader是ExtJS中负责异步加载树节点的类。在原生...

    ExtJS日期多选组件源码

    通过研究和理解"ExtJS日期多选组件源码",开发者可以深入学习ExtJS组件设计、事件处理、数据绑定等核心概念,并能进一步定制适合自己项目需求的日期选择组件。这样的组件对于提高开发效率和用户体验具有积极的意义。

    ExtJS 组件扩展

    ### ExtJS 组件扩展知识点详解 #### 一、ExtJS组件扩展概述 ExtJS是一款基于JavaScript的开源前端框架,主要用于构建复杂的企业级Web应用程序。它提供了丰富的UI组件库,可以帮助开发者快速构建美观且功能强大的...

    extjs 树型分页组件

    在EXTJS中,树型组件(Tree)是一种常见的数据展示方式,特别适合于层次结构明显的数据组织。然而,当树节点数量庞大时,一次性加载所有数据不仅会消耗大量的系统资源,也会导致用户界面响应变慢,用户体验下降。...

    extjs各种常用组件归纳总结

    extjs各种组件的详细实现及各种扩展归纳总结,包括各种grid,tree,布局,表单,ajax,弹出框等

    extjs 3.1 组件 使用

    在本篇文章中,我们将深入探讨如何在实际项目中使用ExtJS 3.1的组件。 首先,`css`目录包含了ExtJS 3.1的样式文件。这些CSS文件用于定义组件的外观和布局,包括颜色、字体、边距、边框等。在使用过程中,我们需要...

    EXTJS扩展例子集

    这个"EXTJS扩展例子集"显然是一个包含EXTJS3.0相关扩展组件的资源包,旨在帮助开发者理解和学习如何使用这些扩展。 在EXTJS中,扩展(Extensions)通常是指对框架原有功能的增强或定制,它们可以是新的组件、小部件...

    ExtJS开发插件及Ext包

    - 插件是ExtJS中扩展组件功能的一种方式,允许开发者添加自定义行为或功能到现有的组件上。 - 开发插件通常涉及创建一个新的JavaScript文件,定义一个类并扩展自`Ext.util.Plugin`或`Ext.grid.Panel`等特定组件的...

    几个不错的EXTJS拓展组件

    使用这些EXTJS扩展组件,开发者可以直接引用到自己的项目中,节省开发时间和成本,同时也能提高应用的专业性和用户体验。只需根据项目需求,挑选合适的组件进行集成,就能快速构建出功能强大且用户友好的应用程序。 ...

    ExtJs文件上传组件(UploadDialog)

    在ExtJS中,UploadDialog是一个专为文件上传设计的组件,它提供了用户友好的界面,允许用户选择并上传多个文件到服务器。这篇博客文章(虽然链接无法直接访问,但我们可以根据已知信息推测内容)可能详细介绍了如何...

    Extjs 年月日时分秒组件

    总之,"Extjs 年月日时分秒组件"是ExtJS框架中一个实用的工具,它提供了一种直观的方式来让用户选择精确的时间,同时具备良好的可定制性和扩展性。通过深入理解和使用这个组件,开发者可以提升其ExtJS应用的时间选择...

    extjs时间日期选择组件

    EXTJS中的DateTimeField不仅包含了基本的文本输入功能,还扩展了选择日期和时间的能力。用户可以点击输入框旁边的图标来弹出日期和时间选择器,然后选择合适的日期和时间。DateTimeField也支持验证和格式化输入值,...

    Ext编辑组件,方便编写extjs

    Ext编辑组件是基于ExtJS框架的一个扩展库,它为开发者提供了更加便捷的方式来创建和管理界面中的可编辑元素。ExtJS是一个强大的JavaScript库,用于构建富客户端的Web应用程序,尤其适用于构建数据驱动、交互性强的...

    ExtJs:收集基于ExtJs扩展的一些控件

    这可能是对另一批ExtJs扩展控件的介绍,可能包含了一些新的或更新的组件。例如,可能有用于地图集成的地图控件,或者用于数据分析的复杂表格组件。这些控件的引入有助于开发者更好地应对不同业务场景,提供更专业化...

    ExtJs各组件简单应用例子导入到eclipse即可

    7. **实践与扩展**:尝试修改示例代码,观察改变对组件行为的影响。这将帮助你深入理解各个组件的API和配置选项。例如,你可以尝试更改表格的列宽、表单字段的验证规则,或者添加新的交互元素。 通过以上步骤,你...

    ExtJs 带清空功能的日期组件

    在ExtJs框架中,日期组件(DateField)是用于用户输入日期的常见控件。然而,标准的ExtJs DateField并未内置...通过深入理解ExtJs的组件体系和MVC模式,我们可以灵活地扩展和定制任何控件,以满足不同业务场景的需求。

    EXTjs组件.pdf

    EXTJS提供了丰富的预定义组件,如Panel、Grid、Button等,开发者可以根据需求继承和扩展这些组件,创建自定义组件。组件之间可以通过嵌套形成层次结构,这种结构被称为组件层次结构。在EXTJS中,有一种特殊的组件...

    extjs-ux, EXT JS 4的一些插件和扩展.zip

    extjs-ux, EXT JS 4的一些插件和扩展 插件和 EXT JS 4扩展 Ext.ux. aceeditor.Panel 演示( 简单): 链接演示( 流 语法): 链接演示:链接论坛:链接 Ext.ux. grid.feature.Tileview 演示:链接

    Extjs自定义组件-下拉树

    Extjs自定义组件—下拉树,不仅提升了用户体验,也展现了Extjs框架的强大扩展能力。通过本文的详细介绍,开发者可以掌握其实现细节,为自己的项目增添一个实用且美观的组件。无论是初学者还是经验丰富的开发者,都...

    EXTJS 4 树形表格组件使用示例

    6. **可扩展性**:EXTJS 4的设计使得树形表格组件易于扩展,你可以添加自定义的行为、插件,甚至创建自己的节点类型。 在实际应用中,我们可以通过以下步骤来使用EXTJS 4的树形表格组件: 1. **创建Store**:定义...

Global site tag (gtag.js) - Google Analytics