问题描述
|
我有3列的FormPanel。每列为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
它显示如下内容:
唯一的问题是我希望\“ Art Size \”字段/标签与\“ Advertiser \”和\“ Art Type \”字段在同一行上对齐。有什么方法可以添加一个“空白”项目,从而迫使该条目向下到正确的行?我还缺少另一种方法吗?
谢谢!
编辑:
这工作:
{
xtype: \'component\',fieldLabel: \' \',labelSeparator: \' \',}
解决方法
默认情况下,空白标签是隐藏的(该字段被推到左侧)。
而不是贴上'  \'标签...
fieldLabel: \' \',labelSeparator: \' \',
您可以正确地做到这一点:
hideEmptyLabel : false
即使未指定标签,女巫也会对齐您提交的组件。
, 编辑:这工作:
{
xtype: \'component\',fieldLabel: \' \',}
, 您的解决方案可以使用,但不是ExtJS(/ HTML表)方式。
您使用的是column
布局,因此可以在横幅名称字段上使用ѭ6which,从而得到相同的输出。
您也可以使用rowspan使字段覆盖两行:)
, 以上似乎对我没有帮助。我必须明确设置Empy单元格的高度。
xtype: \'label\',text: \' \',flex:1,height:22
至少可以说令人失望。
但是,这仅适用于vBox布局。如果我使用锚点布局,则无济于事:(