ExtJS-在FormPanel列布局中排列表单元素

如何解决ExtJS-在FormPanel列布局中排列表单元素

| 我有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: \' \',}

    

解决方法

        默认情况下，空白标签是隐藏的（该字段被推到左侧）。 而不是贴上'＆nbsp; \'标签...

fieldLabel: \' \',labelSeparator: \' \',

您可以正确地做到这一点：

hideEmptyLabel : false

即使未指定标签，女巫也会对齐您提交的组件。     ,        编辑：这工作：

           {
                xtype: \'component\',fieldLabel: \' \',}

    ,        您的解决方案可以使用，但不是ExtJS（/ HTML表）方式。 您使用的是

column

布局，因此可以在横幅名称字段上使用ѭ6which，从而得到相同的输出。 您也可以使用rowspan使字段覆盖两行：)     ,        以上似乎对我没有帮助。我必须明确设置Empy单元格的高度。

xtype: \'label\',text: \' \',flex:1,height:22

至少可以说令人失望。 但是，这仅适用于vBox布局。如果我使用锚点布局，则无济于事：(