form 跨列布局
2011-06-26 20:54
190 查看
// 2010-12- 10 var PanelField = new Ext.form.FormPanel({ frame : true, layout : 'form', labelAlign : 'right', items : [{ border : false, layout : 'column', items : [{ layout : "form", columnWidth : 1, labelWidth : 95, items : [{ xtype : 'textfield', name : 'houdRegAddr', fieldLabel : '原档案所在地', anchor : '50%' }] }] }, { layout : 'column', items : [{ border : false, columnWidth : .25, labelWidth : 95, layout : 'form', items : [{ xtype : 'textfield', name : 'hodsuRegAddr', fieldLabel : '档案所在地', anchor : '100%' }] },{ border : false, columnWidth : .25, labelWidth : 95, layout : 'form', items : [{ xtype : 'textfield', name : 'houRgegAddr', fieldLabel : '档案所在地', anchor : '100%' }] },{ border : false, columnWidth : .25, labelWidth : 95, layout : 'form', items : [{ xtype : 'textfield', name : 'houRegAgddr', fieldLabel : '档案所在地', anchor : '100%' }] },{ border : false, columnWidth : .25, labelWidth : 95, layout : 'form', items : [{ xtype : 'textfield', name : 'houRegAasddr', fieldLabel : '档案所在地', anchor : '100%' }] }] }, { border : false, layout : 'column', items : [{ layout : "form", columnWidth : .25, labelWidth : 95, items : [{ xtype : 'textfield', name : 'recAddr', fieldLabel : '现居住地址', anchor : '100%' }] }, { layout : "form", columnWidth : .50, labelWidth : 95, items : [{ xtype : 'textfield', width : 10, name : 'posCode', fieldLabel : '邮编', anchor : '100%' }] }, { layout : "form", columnWidth : .25, labelWidth : 95, items : [{ xtype : 'textfield', width : 10, name : 'posfdCode', fieldLabel : '邮编', anchor : '100%' }] }] }, { layout : 'column', items : [{ border : false, columnWidth : .25, labelWidth : 95, layout : 'form', items : [{ xtype : 'textfield', name : 'houRegsfsfsAddr', fieldLabel : '档案所在地', anchor : '100%' }] },{ border : false, columnWidth : .25, labelWidth : 95, layout : 'form', items : [{ xtype : 'textfield', name : 'houRefsfdagAddr', fieldLabel : '档案所在地', anchor : '100%' }] },{ border : false, columnWidth : .25, labelWidth : 95, layout : 'form', items : [{ xtype : 'textfield', name : 'houRefasfdsafsagAddr', fieldLabel : '档案所在地', anchor : '100%' }] },{ border : false, columnWidth : .25, labelWidth : 95, layout : 'form', items : [{ xtype : 'textfield', name : 'houRgdfgdfsdegAddr', fieldLabel : '档案所在地', anchor : '100%' }] }] }] });
相关文章推荐
- 经典用CSS实现form表单布局
- Ext.form.Layout布局--column布局
- SWT(JFace)体验之FormLayout布局
- 跟我学之用FormLayout打造自适应窗体大小的控件布局
- ExtJS2.0实用简明教程 - Form布局
- Ext FormPanel布局 (一行显示两对控件元素)
- 用CSS实现表单form布局
- Coolite Toolkit学习笔记九:表单布局控件FormLayout与FromPanel 推荐
- [html5入门-12]html布局中form表单的简单用法和常用属性设置
- 解决安卓上底部使用fixed布局,键盘弹出后fixed部分的内容挡住form表单的情况
- Swing界面布局(FormLayout)
- 用FormLayout打造自适应窗体大小的控件布局
- Ext FormPanel布局 (一行显示两对控件元素)
- form布局中添加红色提示信息
- Coolite Toolkit学习笔记九:表单布局控件FormLayout与FromPanel
- ExtJs column与form布局嵌套实现表单重排
- 用FormLayout打造自适应窗体大小的控件布局
- Ext.form.field.Picker (ComboBox、Date、TreePicker、colorpick.Field)竖向滚动导致布局错误
- EXT中Form的行列布局
- SWT中的布局之-----FormLayout(表格式布局)