如何在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>'; 
     } 
    } 
});