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

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

解决方法

默认情况下,空标签被隐藏(该字段被推到左边).
而不是把’& nbsp;’标签 …

fieldLabel: ' ',

你可以做到这一点：

hideEmptyLabel : false

即使没有指定标签,巫婆也会对齐您的档案组件.

原文地址：https://www.jb51.cc/html/227862.html