`
nannan408
  • 浏览: 1788777 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ext开发二------ext3.0多行多列表单。

    博客分类:
  • EXT
 
阅读更多
1.前言。
   多行多列表单写法需要注意不能多一个或者少一个"]"和"{"符号,否则则有可能显示不了多
列,所有代码请看2。
2.代码

Ext.onReady(function(){
	 var top = new Ext.FormPanel({
	        //labelAlign: 'top',
            labelAlign:'left',
	        frame:true,
	        bodyStyle:'padding:5px 5px 0',
	        width: 1200,
	        items: [{
	            layout:'column',
	          items:[{
	                columnWidth:.2,
	                layout: 'form',
	                items: [{
	                    xtype:'textfield',
	                    fieldLabel: 'aaa1:',
	                    name: 'first',
	                    anchor:'95%'
	                }, {
	                    xtype:'textfield',
	                    fieldLabel: 'aaa2',
	                    name: 'company',
	                    anchor:'95%'
	                },{
	                    xtype:'textfield',
	                    fieldLabel: 'aaa3',
	                    name: 'company2',
	                    anchor:'95%'
	                }
	                ]
	            },{
	                columnWidth:.2,
	                layout: 'form',
	                items: [{
	                    xtype:'textfield',
	                    fieldLabel: 'aaa4',
	                    name: 'last',
	                    anchor:'95%'
	                },{
	                    xtype:'textfield',
	                    fieldLabel: 'aaa5',
	                    name: 'email',
	                    vtype:'email',
	                    anchor:'95%'
	                },{
	                    xtype:'textfield',
	                    fieldLabel: 'aaa6',
	                    name: 'company3',
	                    anchor:'95%'
	                }]
	            },{
                columnWidth:.2,
                layout: 'form',    
	        	
	        	items: [{
	                    xtype:'textfield',
	                    fieldLabel: 'aaa7',
	                    name: 'last11',
	                    anchor:'95%'
	                },{
	                    xtype:'textfield',
	                    fieldLabel: 'aaa8',
	                    name: 'email11',
	                    vtype:'email',
	                    anchor:'95%'
	                },{
	                    xtype:'textfield',
	                    fieldLabel: 'aaa9',
	                    name: 'company311',
	                    anchor:'95%'
	                }]
	        }
	        
	        ]
	        }]
	    })
	    top.render(document.body);
})

0
0
分享到:
评论

相关推荐

    ext3.0开发之-->葵花宝典

    《ext3.0开发之-->葵花宝典》是一份全面深入探讨EXT3.0开发的资源集合,其中涵盖了丰富的中文API文档、PDF电子书、示例代码以及相关的资源文件,旨在为开发者提供一站式的EXT3.0学习平台。EXT3.0是一个流行的...

    ext-3.0-rc2.zip

    ext-3.0-rc2.zip适合企业级开发,能实现复杂的Layout布局,界面效果可以和backbase媲美,而且使用纯javascript代码开发。 真正的可编辑的表格Edit Grid,支持XML和Json数据类型,直接可以迁入grid,

    Ext 3.0--下载

    Ext3.0新特性一览 1.轻量级、高速的base库 2.flash报表api接口 3.Ext.DIrect 远程和数据流支持 4.继承客户端和服务器端数据绑定 5.ListView组件 6.强大的按钮和工具栏组件 7.ARIA/Section 508 访问性改进 8.更新了...

    ext-3.0-rc1.1

    "ext-3.0-rc1.1"是EXTJS的一个版本,代表了该库的第三次重大更新的候选版本1.1。 EXTJS 3.0 RC1.1 (Release Candidate 1.1) 是EXTJS 3.0系列中的一个里程碑,通常在正式版发布前推出,用于收集社区反馈并解决潜在...

    前端开源库-style-ext-html-webpack-plugin

    在前端开发中,Webpack是一个强大的模块打包工具,它能够处理JavaScript、CSS、图片等资源,并将它们整合成一个或多个优化过的输出文件。为了进一步提升Webpack的性能和灵活性,开发者经常使用各种插件来扩展其功能...

    ext-3.0-rc3

    ext是一个强大的js类库,以前是基于YAHOO-UI,现在...主要包括三个大的文件ext-all.css,ext-base.js,ext-all.js(包括所有的类库,您可以根据需要进行删减.官方网站提供这一接口),在引用ext类库的时候.这三个文件必不可少.

    ext-ms-win-gdi-desktop-l1-1-0.dll

    ext-ms-win-gdi-desktop-l1-1-0.dll 用于解决这个dll文件丢失问题,下载后将此文件放置在相关文件根目录下,即可解决丢失问题

    Ext 3.0 - 中文API文档

    5. **表单处理**:Ext 3.0提供了强大的表单组件和数据验证机制,可以方便地创建和管理复杂的表单。 6. **树形结构**:TreePanel组件允许展示和操作层级数据,常用于文件系统或组织结构的展示。 7. **数据存储**:...

    ext-3.0.rar

    ext-3.0.rar ext-3.0.rar ext-3.0.rar

    ext-lang-en.js和ext-lang-zh_CN.js

    Extjs中实现国际化要用到的文件ext-lang-zh_CN.js和ext-lang-en.js

    ext-2.0 ext-2.0 ext-2.0 ext-2.0 ext-2.0

    ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0

    ext4magic-0.3.2-3.10.x86_64.rpm

    ext4magic-0.3.2-3.10.x86_64.rpm

    ext3.0-2009-9-14 17:00:20

    【标题】"ext3.0-2009-9-14 17:00:20" 指的是2009年9月14日17点0分0秒发布的ext3文件系统的一个特定版本,即ext3.0。ext3是一种广泛使用的Linux文件系统,其全称为“Third extended file system”。它是在早期的ext2...

    Ext3.0和API文档

    API文档(http://extjs.com/deploy/ext-3.0-rc1/docs/)是了解和学习Ext3.0的关键资源,包含了所有类、方法、属性和事件的详细说明。 `ext-core-debug.js`和`ext-core.js`是Ext JS的核心库文件。`ext-core-debug.js...

    amx-ext-impl-3.0-preview-sources.jar

    官方版本,亲测可用

    chinese_wwm_ext_L-12_H-768_A-12.zip

    标题 "chinese_wwm_ext_L-12_H-768_A-12.zip" 暗示了这是一个预训练的中文BERT模型,其中包含了用于自然语言处理任务的权重和配置文件。这个模型是在BERT(Bidirectional Encoder Representations from Transformers...

    ext-4.2.1-gpl.7z

    标题中的"ext-4.2.1-gpl.7z"指的是一个开源的软件扩展库,采用GNU General Public License(GPL)版本4.2.1发布,并被压缩为7z格式的文件。7z是一种高压缩率的文件存档格式,由7-Zip软件创建,能有效地存储大量数据...

    amx-ext-impl-3.0-sources.jar

    官方版本,亲测可用

    amx-ext-impl-3.0-preview.jar

    官方版本,亲测可用

    ext-7.0.0-gpl.zip

    标题中的"ext-7.0.0-gpl.zip"是一个软件扩展或库的压缩包,遵循GPL(GNU General Public License)开源协议。这通常意味着它是一个免费的、可修改的软件,用户可以查看源代码并根据需要进行定制,但必须保留原始许可...

Global site tag (gtag.js) - Google Analytics