javascript - 如何在 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.allowBlank === false) {
            this.labelSeparator += '<span class="mandatory">*</span>';
        }
    }
});