更改 Extjs 网格验证文本

Question

我正在查看一个使用 ExtJS 的旧项目。不可否认，我对这个框架不太熟悉，所以我边走边学，并在我被要求修复问题时学习。我的问题是有一个网格，每列都使用 allowBlank: false。这会导致工具提示框显示一些有关需要填充哪些字段的信息。这一切都很好，但我正在尝试更改该工具提示中的文本，即“错误”、“福利类别名称：此字段是必需的”，但我似乎无法完成这项工作。我如何定位和更改该文本？我将包括我正在谈论的网格和 tooptip 的屏幕截图以供参考。我也在使用 ExtJS 版本 6.

这是其中一个网格列的示例：

columns: [
    {
        dataIndex: 'benefit_category_name',
        text: 'Benefit Category Name',
        flex: 1,
        editor: {
            xtype: 'combo',
            store: new Ext.data.ArrayStore({
                fields: [
                    'benefit_category_id',
                    'benefit_category_name',
                ],
                data: [],
            }),
            queryMode: 'local',
            valueField: 'benefit_category_name',
            displayField: 'benefit_category_name',
            emptyText: 'Select one',
            listeners: {
                select: 'handleComboChange',
            },
            itemId: 'benefit_category_id',
            allowBlank: false,
            listeners: {
                renderer: function(value, metaData) {
                    metaData.tdAttr = Ext.String.format('data-qtip="{0}"', value);
                    return value;
                }
            }
        }
    },
    {
        ...
    }
]

我尝试使用我在其他一些帖子中读到的 metaData 属性，但我似乎无法更改 tooptip 文本（错误，福利类别名称：此字段是必需的).

这是提到的工具提示的屏幕截图。我知道这是一个较旧的框架，但我能得到的任何提示都会很有用。谢谢你的时间。

Answer 1

这是一个带有自定义消息的简单验证示例。

Ext.create({
            xtype: 'textfield',
            allowBlank:false, // will show required message - remove key to display vtypeText only
            validateBlank: true,
            vtype: 'alpha', // check for available types or create / extend one
            vtypeText: 'Please change to what you want ...',
            renderTo: Ext.getBody()
        })

详情：

https://docs.sencha.com/extjs/6.5.3/classic/Ext.form.field.VTypes.html

https://fiddle.sencha.com/fiddle/3770

更改 Extjs 网格验证文本

Change Extjs Grid Validation Text

javascript

extjs