0

一切都在问题中，我有一个DateFieldand 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]
});
4

2 回答 2

2

从上面的讨论中，我认为您缺少的是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
}]
});

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

于 2013-08-26T09:56:01.620 回答
1

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

检查这个

参考文档

于 2013-08-26T10:04:39.800 回答