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);
})
分享到:
相关推荐
最新的EXTJS sdk ext-3.0-rc1.1,里面得例子很值得一看.......
ext-3.0-rc2.zip适合企业级开发,能实现复杂的Layout布局,界面效果可以和backbase媲美,而且使用纯javascript代码开发。 真正的可编辑的表格Edit Grid,支持XML和Json数据类型,直接可以迁入grid,
Ext3.0新特性一览 1.轻量级、高速的base库 2.flash报表api接口 3.Ext.DIrect 远程和数据流支持 4.继承客户端和服务器端数据绑定 5.ListView组件 6.强大的按钮和工具栏组件 7.ARIA/Section 508 访问性改进 8.更新了...
ext-3.0 ext-3.0 ext-3.0 ext-3.0
ext是一个强大的js类库,以前是基于YAHOO-UI,现在...主要包括三个大的文件ext-all.css,ext-base.js,ext-all.js(包括所有的类库,您可以根据需要进行删减.官方网站提供这一接口),在引用ext类库的时候.这三个文件必不可少.
ext3.0ext3.0ext3.0ext3.0ext3.0ext3.0
最新ext-3.0-框架源码 最新ext-3.0-框架源码
ext-3.0.rar ext-3.0.rar ext-3.0.rar
ext-ms-win-gdi-desktop-l1-1-0.dll 用于解决这个dll文件丢失问题,下载后将此文件放置在相关文件根目录下,即可解决丢失问题
前端开源库-style-ext-html-webpack-pluginStyleExtHTML Webpack插件,通过启用内嵌样式增强HTML Webpack插件功能。
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
最新ext3.0资源包最新ext3.0资源包最新ext3.0资源包最新ext3.0资源包最新ext3.0资源包最新ext3.0资源包最新ext3.0资源包
ext4magic-0.3.2-3.10.x86_64.rpm
chinese_wwm_ext_L-12_H-768_A-12.zip
Ext 3.0 中文 API CHM 帮助 文档
官方版本,亲测可用
官方版本,亲测可用
官方版本,亲测可用
extjs3.0 ext3.0 ext文档 ext例子
ext-js-4.2框架ext-js-4.2框架ext-js-4.2框架ext-js-4.2框架