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

wqlqzqxt  于 2022-11-05  发布在  其他
关注(0)|答案(1)|浏览(287)

我需要在多个表单字段中添加红色星号,这些表单字段的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();
}
});
3bygqnnd

3bygqnnd1#

若要将此行为添加到所有字段,可以覆盖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>';
        }
    }
});

相关问题