extjs - 自訂vtype

內建的vtype有email、url、alpha、apphanum等等，不過內建的vtype可能不合我們使用，所以我們就需要自訂vtype。 我們必須定義vtype的value、mask、error message以及testing function：

• xxxVal： 輸入內容的正規表示式。
• xxxMask： 輸入的遮罩。
• xxxText： 錯誤訊息。

Ext.onReady(function() {
    Ext.QuickTips.init();
    Ext.form.VTypes['portListVal'] = /^([0-9]+[,\-])*[0-9]+$/;
    Ext.form.VTypes['portListMask'] = /[0-9\-,]/;
    Ext.form.VTypes['portListText'] = 'Invalid Port List';
    Ext.form.VTypes['portList'] = function (v) {
        return Ext.form.VTypes['portListVal'].test(v);
    }

    var form = new Ext.FormPanel({
        renderTo: Ext.getBody(),
        frame: true,
        items: [{
            xtype: 'textfield',
            fieldLabel: 'txt',
            vtype: 'portList'
        }]
    });
});