`
qinya06
  • 浏览: 599139 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

ext 动态组件

EXT 
阅读更多
<script type="text/javascript">   
    Ext.BLANK_IMAGE_URL = 'js/ext2.0/resources/images/default/s.gif';   
    Ext.onReady(function() {   
        var button = new Ext.Button({ text:'add'});                                    
        var fieldSet = new Ext.form.FieldSet({                                 
                                title: 'add component',   
                                id : 'fieldSet',   
                                items :[{xtype:'textfield',   
                                         value: 'text',   
                                         fieldLabel: 'text'  
                                        }]                                 
        });   
               
                                                   
        button.on('click', function(){   
            var one = new Ext.form.TextField({value : 'one',   
                         name : 'one'  
                    });                        
            Ext.getCmp('fieldSet').items.add(one);   
           // Ext.getCmp('fieldSet').render();   
            fieldSet.doLayout(true);


        });   

                                                   
                                       
        var form1 = new Ext.FormPanel( {   
            labelWidth : 75,    
            frame : true,   
            bodyStyle : 'padding:5px 5px 0',   
            width : 350,   
            waitMsgTarget : true,              
            defaults : {   
                width : 150  
            },   
            defaultType : 'textfield',   
            items : [button,fieldSet]                          
        });   
           
        form1.render(document.body);   
});        
</script>   
分享到:
评论

相关推荐

    Ext组件说明 Ext组件概述

    ### Ext组件概述与初学者指南 #### 一、Ext组件概览 Ext是一个功能丰富的JavaScript框架,用于构建桌面级Web应用程序。它提供了大量的组件和工具,使得开发者能够快速且高效地构建用户界面。对于初学者而言,理解...

    Ext继承--Ext自定义组件的书写方式

    环境:Windows XP sp3、Tomcat 6.0、IE 7、MyEclipse 5.5、Ext 3.2 使用步骤: 1、下载解压之后,使用IDE导入工程 2、发布到Web服务器、并且启动服务器 3、打开IE之后在地址输入:...

    ext上传组件,可以多文件上传

    SwfUploadPanel.js则是EXT组件的具体实现,它封装了SwfUpload.js的功能,使得开发者能够方便地在EXT环境中调用和配置上传组件。 example.php和upload_example.php是两个示例PHP文件,它们展示了如何在服务器端处理...

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

    ### Ext组件概述与详解 #### 一、Ext基础组件 **1.1 Box Component (Ext.BoxComponent)** - **xtype**: `box` - **功能描述**:Box Component 是一个非常基本的 Ext 组件,主要用于定义具有边框和其他布局属性的...

    Ext编辑组件,方便编写extjs

    Ext编辑组件进一步增强了ExtJS的功能,使开发人员在构建表单和数据网格时,能轻松实现数据的动态编辑。 这个组件可能包括以下关键特性: 1. **数据网格编辑**:在数据网格中,用户可以直接编辑单元格内容,无需...

    Ext2.0 文件上传组件

    "Ext2.0 文件上传组件"是一个用于Web应用程序的组件,它允许用户在浏览器中方便地上传文件。这个组件基于Ext JavaScript库的2.0版本,Ext是一个强大的前端开发框架,提供了丰富的用户界面组件和数据管理功能。在本文...

    Ext的FormPanel组件

    ### Ext的FormPanel组件 #### 综述 `FormPanel`是Ext JS框架中的一个重要组件,主要用于构建复杂的表单界面。它提供了丰富的功能,如数据验证、数据提交以及灵活的布局控制等,使得开发者能够轻松地创建出既美观又...

    Ext2.0组件,全组件和帮助手册

    全组件和帮助手册的提供,对于理解和使用Ext2.0至关重要。 1. **组件体系**: Ext2.0包含了一系列的UI组件,如面板(Panel)、表格(Grid)、表单(Form)、菜单(Menu)、按钮(Button)、工具栏(Toolbar)、树...

    ext动态列

    EXT JS中的Grid Panel是常用的数据显示组件,而动态列的功能则为Grid Panel增加了灵活的可配置性。 1. **EXT Grid Panel** - Grid Panel是EXT JS中的核心组件,用于展示二维数据,通常用于显示和编辑表格数据。 -...

    ext 颜色改变组件

    EXT Color Change Component,即EXT颜色改变组件,是EXT库中一个用于处理颜色选择和展示的UI组件,它提供了用户友好的界面,使得用户可以在应用中方便地更改颜色。 在EXT框架中,组件是构建用户界面的基本单元,...

    UI组件(ext jquery ucren)

    标题中的“UI组件(ext jquery ucren)”提及了三个关键词:EXT、jQuery和ucren,这些都是在Web开发中常见的UI(用户界面)组件库。接下来,我们将详细探讨这三个技术及其在构建用户界面中的作用。 EXT是一个强大的...

    ext.net 组件包

    ext.net 组件 Ext.Net安装和使用:  1.下载最新版本  2.打开下载文件,将包含以下文件:  view sourceprint?1Ext.Net.dll  2Ext.Net.Utilities.dll  3Ext.Net.xml  4Newtonsoft.Json.dll  5Newtonsoft....

    Ext组件化开发

    ExtJS的组件化开发,描述如何通过将ExtJS组装成组件供项目组调用

    Ext表单组件之textField

    本篇我们主要关注"Ext表单组件之textField",它是最基础也是最常用的输入控件,用于接收用户的文本输入。 一、Ext.form.TextField简介 Ext.form.TextField是Ext JS中的一个核心组件,它允许用户在表单中输入单行...

    EXT 组件详解,是EXCEL文档

    EXT 组件详解EXT 组件详解EXT 组件详解

    Ext4.1.1月份组件[只选择年月]

    1. 这个组件基于Ext4 只选择年份/月份的组件,在Ext4.1.1版本正常,但在Ext4.2.1只显示了10个月份少了俩月,在其他的Ext4版本还未测过,你可以试一下,有问题小纸条我[天王盖地虎],咱们一起解决。 2. 该组件最初...

    Ext2.0.2经典的一个JS组件带EXT中文手册.rar

    这个"Ext2.0.2经典的一个JS组件带EXT中文手册.rar"文件包含了该版本的ExtJS组件和相关的中文文档,帮助开发者更好地理解和使用这个框架。 1. **EXT中文手册**: 提供的`EXT 中文手册.doc`是ExtJS的中文文档,这...

    EXT动态新增一行

    在EXT中,"动态新增一行"是指在表格或者布局中,通过用户操作(比如点击按钮)来动态地添加新的行元素,这些元素可以是文本框、下拉框等交互组件。 EXT中的Column Layout是一种布局方式,适用于创建网格或表格形式...

    Ext表单组件之checkbox

    本篇文章将深入探讨Ext表单组件中的checkbox,以及如何利用源码和相关工具进行定制和优化。 1. **复选框的基本概念** 复选框在用户界面中常用于让用户从多个选项中选择一个或多个。在Ext JS中,复选框是`Ext.form....

    EXT4.3实现动态表单全动态

    - **组件化设计**:EXT4.3中的表单基于组件模型,可以方便地创建、添加、删除和修改表单字段。通过`Ext.form.FieldSet`和`Ext.container.Container`等类,开发者可以构建复杂的动态表单结构。 - **动态生成**:...

Global site tag (gtag.js) - Google Analytics