如何在Ext JS文本字段标签中用星号标记必填字段

Question

我需要在多个表单字段中添加红色星号，并在扩展下面屏幕的屏幕中将allowBlank属性设置为false。我在这里尝试过这个解决方案：ExtJS 4 - Mark a red asterisk on an required field但它不起作用。有什么方法可以在initComponent函数中添加功能吗？

Ext.define('APP.view.ux.visual.screen.UxClassicScreen', {
extend: 'Ext.form.Panel',
alias: 'widget.uxclassicscreen',

config: {
    layout: 'vbox'
},

initComponent: function(){
    var viewModel = this.getViewModel(),
        controller = this.getController();
    if(viewModel != null && controller != null){
        viewModel.set('isKiosk', controller.isKiosk());
    }
    this.callParent();
}
});

Answer 1

要将此行为添加到您的所有字段，您可以覆盖Ext.form.field.Base，例如：

Ext.define('MyApp.overrides.form.field.Base', {
    override: 'Ext.form.field.Base',

    initLabelable: function () {
        this.callParent(arguments);

        if (this.fieldLabel && this.alllowBlank === false) {
            this.labelSeparator += '<span class="mandatory">*</span>';
        }
    }
});