将字段标签从其组合框中移出

Question

我有一个组合框，我正试图将其从fieldLabel中移除，但我没有成功，在这件事上有什么帮助吗？

period_duration = Ext.create('Ext.form.ComboBox', {
        store: period,
        queryMode: 'local',
        displayField: 'name',
        valueField: 'abbr',
        allowBlank:false,
        margin:'0 0 0 145',
        fieldLabel: "${ts.language}" == "AR" ? '<span style="font-size: 17px; margin:0 0 0 0; padding: 5 5 5 5">u0627u0644u0645u062fu0629 u0627u0644u0632u0645u0646u064au0629</span>' : '<span style="font-size: 13px; padding: 5 5 5 5">Date Range</span>',
        id:'type',
        editable:false,
        width: 460,
    });

Answer 1

comboBox有一个配置"labelWidth"，可以用来设置fieldLabel的宽度。因此，如果你给更多的labelWidth，你的comboBox将远离fieldLabel。这个宽度将从你给combo的宽度中取出来。

例如，如果组合宽度为500，labelWidth为200，则label的宽度为200，剩余的comboBox的宽度为（500-200）=300

Answer 2

使用labelStyle配置：

var labelStyleAr = {
        'font-size': '17px',
        margin: '0',
        padding: '5'
    },
    labelStyleAr = {
        'font-size': '13px',
        padding: '5'
    };
period_duration = Ext.create('Ext.form.ComboBox', {
    ....
        labelStyle: "${se.language}" == "AR" ? labelStyleAr : labelStyle,
        fieldLabel: "${se.language}" == "AR" ? 'u0627u0644u0645u062fu0629 u0627u0644u0632u0645u0646u064au0629' : 'Date Range',    
    });