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

前端之家收集整理的这篇文章主要介绍了表单 – 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.f2er.com/html/227862.html

猜你在找的HTML相关文章