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

Question

我需要在扩展下方屏幕的屏幕中将红色星号添加到多个表单字段，并将 allowBlank 属性设置为 false。 我已经尝试过这里的解决方案： ExtJS 4 - 在必填字段上标记一个红色星号，但它不起作用。 有什么方法可以在 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.allowBlank === false) {
            this.labelSeparator += '<span class="mandatory">*</span>';
        }
    }
});