Question

一切都在问题中，我有DateField和Checkbox。当我想将它们集中在一个容器中时，fieldLabel就会消失。如何显示fieldLabel？我正在使用ExtJS 3.4

这是我的代码：

var Dater = new Ext.form.DateField({
    fieldLabel: 'Effective Date : <span style="color: rgb(255, 0, 0); padding-left: 2px;">*</span>',
    name: 'date',
    format: 'd/m/Y',
    labelSeparator : '',
    id: 'date',
    width : 150
});

var imm = new Ext.form.Checkbox({
    fieldLabel: 'Effective immediately',
    cls: 'imm'
});

var dateCont = new Ext.Container({
    layout : 'column',
    items : [Dater, imm]
});

Answer 1

从上面的讨论中我认为你缺少的是columnWidth配置。试试这个：

var dateCont = new Ext.Container({
    layout : 'column',
    items : [
    {
    fieldLabel: 'Effective Date : <span style="color: rgb(255, 0, 0); padding-left: 2px;">*</span>',
    xtype: 'datefield',
    name: 'date',
    format: 'd/m/Y',
    labelSeparator : '',
    id: 'date',
    columnWidth : .5
},{
    xtype:'checkbox'
    fieldLabel: 'Effective immediately',
    cls: 'imm',
    columnWidth:.5
}]
});

另一种方法是使用Panel布局hbox。这样，项目将一个接一个地显示。

Answer 2

尝试将layout:'form'设置为单个列，

chechk this

参考docs

在容器中显示fieldLabel

2 个答案: