Ext的FormPanel如何动态添加组件-CSDN论坛

Ext的FormPanel如何动态添加组件

Web 开发 > Ajax

收藏回复

[问题点数：100分，结帖人danengnai__]

⋅问一个快捷键的问题 ⋅做手机开发有前途吗 ⋅java转换flv 更多帖子 关注私信空间博客 danengnai__ 等级 本版专家分：376 结帖率 96.67%: 如图，我点击“点击生成下一行”按钮后在4个文本框和上传文件之间添加4个组件

请问Ext能实现这种功能吗？

2008-10-14 15:44:27

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅此用户还没有发表过任何帖子 关注私信空间博客 hj_amwsoq 等级 本版专家分：0: 可以啊,

2008-10-14 15:56:43

点赞只看TA 引用举报 #1得分 0

⋅问一个快捷键的问题 ⋅做手机开发有前途吗 ⋅java转换flv 更多帖子 关注私信空间博客 danengnai__ 等级 本版专家分：376





function gcglb_gcxxgl_jsrydt_add(xmid)

{

    Ext.QuickTips.init();

    Ext.form.Field.prototype.msgTarget = 'side';

    var fp = new Ext.FormPanel

    (

        {

            frame:true,

            width:'99%',

            waitMsgTarget : true,

            border:true,

            bodyStyle:'width:707',

            layout:'column',  

            waitMsgTarget : true,    

            autoScroll:false,    

		    fileUpload : true,

            items:[

                 {

                    columnWidth:1,

                    layout:'column',

                    items:[

                        {

                            columnWidth:0.25

                        },{

                            columnWidth:0.55,

                            layout:'form',

                            labelWidth:128,

                            style:'padding-top:10px',

                            items:[

                                {

                                    xtype:'textfield',

                                    fieldLabel:'<font size="2">技术人员信息标题</font>',

                                    width:150,

                                    name:'Title'

                                }

                            ]//items3 over

                        },{

                            columnWidth:0.2

                        }

                    ]//items2 over

                },{

                    columnWidth:1,

                    layout:'column',

                    items:[

                        {

                            columnWidth:0.75

                        },{

                            columnWidth:0.25,

                            layout:'form',

                            labelWidth:40,

                            style:'padding-top:10px',

                            items:[

                                {

                                    xtype:'textfield',

                                    fieldLabel:'<font size="2">编号</font>',

                                    width:100,

                                    name:'Bh'

                                }

                            ]//items3 over

                        }

                    ]//items2 over

                },{

                    columnWidth:1,

                    style:'padding-top:10px',

                    layout:'column',

                    bodyStyle:'text-align:center',

                    items:[{

                        columnWidth:0.25,

                        html:"<font size='2'>技术类别</font>"

                    },{

                        columnWidth:0.25,

                        html:"<font size='2'>地 区</font>"

                    },{

                        columnWidth:0.25,

                        html:"<font size='2'>供求情况</font>"

                    },{

                        columnWidth:0.25,

                        html:"<font size='2'>基本工资水平</font>"

                    }]

                },{

                    columnWidth:1,

                    style:'padding-top:3px',

                    layout:'column',

                    bodyStyle:'text-align:center',

                    items:[{

                        columnWidth:0.25,

                        items:[{

                            columnWidth:0.25,

                            items:[{

                                xtype:'textfield',

                                maxLength:50,

                                width:150,

                                name:'Jslb'

                            }]

                         }]

                    },{

                        columnWidth:0.25,

                        items:[{

                            columnWidth:0.25,

                            items:[{

                                xtype:'textfield',

                                maxLength:50,

                                width:150,

                                name:'Dq'

                            }]

                         }]

                    },{

                        columnWidth:0.25,

                        items:[{

                            columnWidth:0.25,

                            items:[{

                                xtype:'textfield',

                                maxLength:50,

                                width:150,

                                name:'Gqzk'

                            }]

                         }]

2008-10-14 16:03:24

点赞只看TA 引用举报 #2得分 0

⋅问一个快捷键的问题 ⋅做手机开发有前途吗 ⋅java转换flv 更多帖子 关注私信空间博客 danengnai__ 等级 本版专家分：376





},{

                        columnWidth:0.25,

                        items:[{

                            columnWidth:0.25,

                            items:[{

                                xtype:'textfield',

                                maxLength:50,

                                width:150,

                                name:'Gzzk'

                            }]

                         }]

                    }]

                },{

                    columnWidth:1,

                    layout:'column',

                    style:'padding-top:8px;padding-left:14',

                    layout:'form',

                    labelWidth:70,

                    items:[{

                        anchor: '45%',

                        allowBlank: true,

                        msgTarget: 'side',

                        xtype: 'fileuploadfield',

                        id: 'filepath',

                        name: 'filepath',

                        emptyText: '请选择一个文件',

                        fieldLabel: '<font size="2">上传文件</font>',

                        buttonCfg: {

                            text: '',

                            iconCls: 'upload-icon'

                        }

                    }]//itmes2 over

                },{

                    columnWidth:1,

                    style:'padding-top:8px;padding-left:14',

                    items:[{

                        xtype:'button',

                        text:'点击生成下一行',

                        handler:function(){

                            

                            var _panel = this.ownerCt;

                            

                            var _textfield = new Ext.form.TextField({

                               width:150 

                            });

                            

                            _panel.add(_textfield);

                        }

                    }]

                }

            ]//items1 over

            ,buttons:[

                {

                    id:'btnOk',

                    text:'确  定',

                    handler:function()

                    {

                        Ext.MessageBox.show

                        (

                            {

                                msg: '正在保存，请稍等...',

						        progressText: 'Saving...',

						        width:300,

						        wait:true,

						        waitConfig: {interval:200},

						        icon:'download',

						        animEl: 'saving'

                            }

                        );                        

                        fp.form.submit

                        (

                            {

                                url:'../../MyAshx/Gcglb/add/gcglb_gcxxgl_sgjs.ashx?xmid='+xmid,  

                                method:'post',

								success:function(form,action)

								{

								    var flag = action.result.success;

								    if (flag == true)

								    {

								        Ext.MessageBox.alert('恭喜','添加信息成功!');

								        Datas.reload(); 

								        newWin.destroy();

								    }

								},

							    failure:function()

							    {

							        Ext.Msg.alert('错误','服务器出现错误请稍后再试！');

							    }

                            }

                        );

                    }

                },{

                    text:'关   闭',

                    handler:function()

                    {                        

                        newWin.destroy();

                    }

                }

            ]

        }

    );

    newWin = new Ext.Window

    (

        {

            layout:'fit',

            resizeHandles:'n s',

            resizable :true,

            width:740,

            closable:false,

            height:400,

            minWidth:740,

            frame:true,

            minHeight:400,

            collapsible:false, 

            closeAction : 'hide',  

            autoScroll:true,   

            plain : false,

            modal: 'true', 

            title : '添加技术人员动态信息',

            items : fp

        }

    );

    newWin.show();   

    

}

2008-10-14 16:03:44

点赞只看TA 引用举报 #3得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 admes2009 等级 本版专家分：95: 你的添加方法是对的 _panel.add(_textfield);其实已经添加进去了。需要_panel.doLayout()重新布局就能看到了

2008-10-14 17:05:53

点赞只看TA 引用举报 #4得分 95

⋅sql 语句 ⋅统计 sql 语句 ⋅请教一个sql语句关于 “商品和商品明细 ”的 更多帖子 关注私信空间博客 qintao1203 等级 本版专家分：1238: var _panel = this.ownerCt;
这句，怎么没看到ownerCt

2008-10-14 18:37:05

点赞只看TA 引用举报 #5得分 5

⋅问一个快捷键的问题 ⋅做手机开发有前途吗 ⋅java转换flv 更多帖子 关注私信空间博客 danengnai__ 等级 本版专家分：376: 我现在能把组件填到form里面，

为了测试，我点击另一个按钮也能取到新添加的组件

但是服务器却接收不到，只能接收到原有的那几个组件

希望大家帮忙

2008-10-15 08:40:26

点赞只看TA 引用举报 #6得分 0

⋅fms服务器如何实现flv格式转换的？ ⋅C#中是否有这样的语法？ ⋅BufferedOutputStream与socket的问题 更多帖子 关注私信空间博客 qianqian51267 等级 本版专家分：80: 帮顶

2008-10-15 08:41:12

点赞只看TA 引用举报 #7得分 0

⋅问一个快捷键的问题 ⋅做手机开发有前途吗 ⋅java转换flv 更多帖子 关注私信空间博客 danengnai__ 等级 本版专家分：376: 4L正解谢谢你

2008-10-15 09:12:14

点赞只看TA 引用举报 #8得分 0

⋅数据统计的问题 ⋅发布查询淘宝商品的源码！！！！ ⋅发布查询淘宝商品的源码！！！！ 更多帖子 关注私信空间博客 sy_binbin 等级 本版专家分：88290 勋章 铜牌 2008年10月总版技术专家分月排行榜第三 红花 2009年1月 Web 开发大版内专家分月排行榜第一 2008年12月 Web 开发大版内专家分月排行榜第一 2008年10月 Web 开发大版内专家分月排行榜第一 2008年9月 Web 开发大版内专家分月排行榜第一 2008年8月 Web 开发大版内专家分月排行榜第一 黄花 2009年3月 Web 开发大版内专家分月排行榜第二 2009年2月 Web 开发大版内专家分月排行榜第二 2008年11月 Web 开发大版内专家分月排行榜第二: 收藏一下！

2008-10-15 09:13:38

点赞只看TA 引用举报 #9得分 0

⋅求一sql ⋅求一存储过程 ⋅求一条sql语句（在线等） 更多帖子 关注私信空间博客 yanick007 等级 本版专家分：45: ddd

2009-07-31 11:20:40

点赞只看TA 引用举报 #10得分 0

1 2

收起

收藏回复

danengnai__

等级：

关注私信 TA的帖子

Extjs4的FormPanel如何动态添加表单组件: { columnWidth:0.25, items:[{ columnWidth:0.25, items:[{

ext formpanel 动态添加组件到指定位置: 每组checkbox下有一个添加按钮，点击按钮，给checkbox加元素 ![图片说明](https://img-ask.csdn.net/upload/201503/14/1426304762_197094.jpg)

extJs中关于formPanel动态添加组件的验证问题: NULL 博文链接：https://627443183-qq-com.iteye.com/blog/1725391

ExtJs学习笔记之FormPanel组件: FormPanel组件 　FormPanel 为 form 表单提供了一个标准的容器. 本质上还是一个标准的 Ext.panel.Panel, 只是自动创建了一个 BasicForm 来管理所有添加到 Panel中的Ext.form.field.Field 对象. 可以快捷方便地...

Ext如何动态添加一行组件: 用的column布局,点击一个按钮能添加一行组件，如文本框，有下拉框等。如：效果：实现方法如下： /*! * Ext JS Library 3.4.0 * Copyright(c) 2006-2011 Sencha Inc. * licensi

Extjs4.0.7 Formpanel 中各组件属性详解--（持续更新）: Ext.form.ComboBox配置表: allQuery String 发往服务器查询全部信息的查询字符串(默认'') displayField String 被显示在下拉框中字段名 editable Boolean 设置下拉框是否可以编辑(默认true) forceSelection ...

ext总对form表单items的结构动态添加/删除: 显示访问记录情况(包括访问状态, 最后访问时间等信息 ), 初始时items只有8个控件, 当多一条数据就需要动态的添加一个控件,因为每次查询都对items结构进行了修改, 为了不影响下次查询的显示结果, 需要回复items...

extjs form 动态添加组件: 2019独角兽企业重金招聘Python工程师标准>>> ...

（七）ExtJs之表单[Ext.form.FormPanel]的使用: 今天我们来学习Ext中的FormPanel。 Ext.form.FormPanel的别名有还有Ext.form.Panel和Ext.FormPanel，它们三个在ExtJs4.0以后就可以通用了。 FormPanel的创建也是通过config配置的。那么我们来看看FormPanel可以...

Ext.FormPanel: //labelAlign参数labelAlign:此参数是指form表单中items各项的label位置，默认值为left，枚举值有left,right,top 1.valueField:"valuefield"//value值字段 2.displayField："field"//显示文本字段 ...

Ext.form.FormPanel 综合实例: Javascript代码 //表单开始------------------------------------------------------ var form = new Ext.form.FormPanel({ title: '编辑学生信息', region: 'east', frame: true,

ExtJs疑难杂症之formPanel动态添加FieldSet导致验证失效: [size=large][/size] 这个标题非常拗口，但应该能帮助遇到同样问题的朋友baidu到这里。baidu+google了一下午都没找到答案，发这文章时国内似乎还没有...当使用add方法在formPanel中动态添加FieldSet时，尽管控件重...

Ext常用组件: 表单是客户端和服务器交互的一种重要方式，Ext表单控件在界面体验效果的美观度及功能的全面性上都有着首屈一指的影响力，...此外，Ext的树形结构是Ext框架的重要组成部分，可以动态添加、删除或修改节点，实现拖拽和

Ext JS 学习(4) Ext.FormPanel 组件的使用第一式: 上篇中我们讨论了Ext.window的简单使用，今天我们要看看强大的FormPanel,也是继承panel组件的使用。首先弄清楚这个问题，创建的时候： //查看源代码便知，两种方法是一样的Ext.form.FormPanel = Ext.FormPanel;...

extjs表单中动态添加items: items:[ var exceptionNumber = 1; var exceptionHandling =new String; { xtype: 'fieldset', title: '异常处理', id:'exceptionHand', defa

Ext JS 学习(6) Ext.FormPanel 组件的使用第三式(Combo的使用): 今天我们接着深入解析表单元素中ComboBox组件的使用。会涉及到.net简单服务器数据交互，但暂不做深入讨论，以后会详细分析服务器交互相关，不过可能要等较长一段时间，呵呵！5.服务器数据作为ComboBox的数据源实例...

Ext.form.FormPanel: 如不指定，则使用缺省的Ext.layout.ContainerLayout类型。当中有效的值可以是：accordion、anchor、border、cavd、column、fit、form和table。针对所选择布局类型，可指定#layoutConfig进一步配置。 2...

Ext.FormPanel 学习示例: 的FormPanel,也是继承panel组件的使用。首先弄清楚这个问题，创建的时候： //查看源代码便知，两种方法是一样的 Ext.form.FormPanel = Ext.FormPanel; 我们还是从最简单的代码实例开始吧： html代码...

Ext.form.Panel表单面板各组件介绍: 1、Ext.form.FormPanel支持的主要表单组件 ExtJS表单组件说明 Xtype类型 Ext.form.field.CheckBox 复选框 checkboxfield Ext.form.CheckBoxGroup 复选框组 checkboxgroup Ext.form.field.ComboBox 下拉...

第十讲：ExtJS组件之FormPanel(下): TimeField时间选择框示例一：简单应用。 Ext.onReady( function() { Ext.BLANK_IMAGE_URL = "... var formPanle = new Ext.FormPanel({ renderTo:"TestTimeFiel...

Ext动态添加一行组件: 用的column布局,点击一个按钮能添加一行组件，如文本框，有下拉框等。 Exmyth 1 /*! 2 * Ext JS Library 3.4.0 3 * Copyright(c) 2006-2011 Sencha Inc. 4 * licensing@sencha.com 5 * ...

Ext formpanel的用法: 2019独角兽企业重金招聘Python工程师标准>>> ...

Extjs学习 Ext.form.FormPanel: ExtJS的表单是在html表单的基础上封装来的，样式变成漂亮的样式，但是如果你使用FireBug查看，你就会发现，这些表单控件依然是原来的控件，只是加上了css，让他变得漂亮。但是如果只是加上css样式，在我看来，...

Ext Js 添加按钮监听事件: 单一控件的监听： { columnWidth : .20, layout : 'form', labelWidth : 80, labelAlign : "right", items : [{ xtype : 'textfield', fieldLabel : L_...

微信小程序源码-合集6.rar: 微信小程序源码，包含：图片展示、外卖点餐、小工具类、小游戏类、演绎博览、新闻资讯、医疗保健、艺术生活等源码。

C#高性能大容量SOCKET并发完成端口例子（有C#客户端）完整实例源码: 例子主要包括SocketAsyncEventArgs通讯封装、服务端实现日志查看、SCOKET列表、上传、下载、远程文件流、吞吐量协议，用于测试SocketAsyncEventArgs的性能和压力，最大连接数支持65535个长连接，最高命令交互速度达到250MB/S（使用的是127.0.0.1的方式，相当于千兆网卡1Gb=125MB/S两倍的吞吐量）。服务端用C#编写，并使用log4net作为日志模块；同时支持65536个连接，网络吞吐量可以达到400M。

2020简历模板合集.rar: 2020简历模板合集

从零基础开始用Python处理Excel数据.pdf: 首先学习Python的基础知识，然后使用Python来控制Excel，做数据处理。 Excel使用者、Python爱好者、数据处理人员、办公人员等第1章 python基础 1.1 什么是python？ 1.2 为什么要学习用Python处理Excel表格？ 1.3 手把手教你安装python程序 1.3.1 下载python 1.3.2 安装python 1.3.3 验证是否安装成功 1.4 安装Python集成开发工具PyCharm 1.4.1 下载 1.4.2 安装 1.5 Python的输入与输出

Java系列技术之工具Maven: Java系列技术之必学工具Maven是在JavaWeb入门课程的后续课程，也是以后课程里都要用的实用级工具，所以大家一定要学会，Maven 是目前在生产环境下多框架、多模块整合开发的项目自动化构建工具，是我们学习Java的技术人必须要学会的一个工具, 大型项目开发过程中不可或缺的重要工具。这里将带着大家了解 Maven 的作用，常用命令，配置依赖，以及依赖的范围、依赖的传递性、依赖的排除、生命周期等重要概念，以及继承、聚合、部署的 Maven 配置。全部配置操作，手把手演示操作，绝对能提升大家的实际操作能力！

jdk1.8 64位官方正式版 jdk-8u91-windows: jdk1.8 64位官方正式版 jdk-8u91-windows

相关热词 c# 测试并发 c# 如何提交地址 c#　反射转　原码 c#mvc项目 c# 示例长连接 c# 开发网站 c#通过反射获取类型信息 c# lock 的参数 c# stream 复制 android c#