我有一个FormPanel与3列.每列是FormPanel宽度的33%.看起来像这样:
searchForm = new Ext.FormPanel({ frame: true,title: 'Search Criteria',labelAlign: 'left',labelStyle: 'font-weight:bold;',labelWidth: 85,width: 900,items: [{ layout: 'column',items: [{ // column #1 columnWidth: .33,layout: 'form',items: [{ xtype: 'textfield',fieldLabel: 'Banner ID',name: 'bannerID',anchor: '95%',},new Ext.form.ComboBox({ fieldLabel: 'Advertiser',typeAhead: true,triggerAction: 'all',mode: 'local',emptyText: 'Advertiser',store: advertiserList,valueField: 'id',displayField: 'name' })] // close items for first column },{ columnWidth: .33,fieldLabel: 'Banner Name',name: 'bannerName',new Ext.form.ComboBox({ fieldLabel: 'Art Type',emptyText: 'Art Type',store: artTypesList,displayField: 'name' })] // close items for second column },items: [{ xtype: 'hidden' },new Ext.form.ComboBox({ fieldLabel: 'Art Size',emptyText: 'Art Size',store: artSizeList,displayField: 'name' })] // close items for third column }] }] }); // close searchForm FormPanel
它显示的东西看起来像这样:
只有问题是我想要将“艺术尺寸”字段/标签与“广告客户”和“艺术类型”字段在同一行上对齐.有没有什么办法添加一个“空白”项目,这样它会强制输入到正确的行?还有另一种方法,我失踪了吗?
谢谢!
编辑:
这是有效的:
{ xtype: 'component',fieldLabel: ' ',labelSeparator: ' ',}