在EXTJS中作为组件进行自定义验证

Hacker 发表于 Dev

黑客

我写了如下的自定义验证

Ext.apply(Ext.form.field.VTypes, {
    valInt: function(v) {
        return /^(\d+(,\d+)*)?$/.test(v);
    },
    valIntText: 'Must be in the form #,#',
    valIntMask: /[\d\,]/i
});

有用。但我想在单个文件中进行所有此类自定义验证，然后加载或自动加载它。我该怎么做？

我可以在app.js中像下面这样

 Ext.onReady(function() {    
  Ext.apply(Ext.form.field.VTypes, {
        valInt: function(v) {
            return /^(\d+(,\d+)*)?$/.test(v);
        },
        valIntText: 'Must be in the form #,#',
        valIntMask: /[\d\,]/i
    });
});

但是，经过所有验证后，app.js文件将变得很大。

光盘..

根据文档，您可以创建替代，例如：

Ext.define('Override.form.field.VTypes', {
    override: 'Ext.form.field.VTypes',

    valInt: function(v) {
        return /^(\d+(,\d+)*)?$/.test(v);
    },

    valIntText: 'Must be in the form #,#',

    valIntMask: /[\d\,]/i
});

在您的文件中，app.json有一个overrides用于声明替代目录的键，如下所示：

/**
   * Comma-separated string with the paths of directories or files to search. Any classes
   * declared in these locations will be automatically required and included in the build.
   * If any file defines an Ext JS override (using Ext.define with an "override" property),
   * that override will in fact only be included in the build if the target class specified
   * in the "override" property is also included.
   */
  "overrides": [
    "overrides",
    "${toolkit.name}/overrides"
  ],

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。