ExtJS中使用vtype

在ExtJS中vtype相當於一個預定義的用戶端資料校正，每一種vtype都對應某一種特定的資料校正，比如說Email，IP地址，手機號等等。為了能夠正確的使用它，需要注意以下四個方面：

1. 在onReady方法中，必須調用Ext.QuickTips.init();方法，我是花了九牛二虎之力才發現這個的。因為我是從別的地方直接拷貝了一個FormPanel的定義，結果沒有這個調用，因此校正錯誤的提示就TMD顯示不出來。最後一步一步的檢查在發現需要這個方法來初始化Ext中所有類似hint的顯示功能。
2. 還需要調用Ext.form.Field.prototype.msgTarget = 'side';方法，這個方法的作用是在需要校正的欄位右邊顯示一個小歎號。
3. 在需要校正的欄位中用vtype設定相應的校正類型，如：email、url、alphamun等等，ExtJs本身僅僅定義了不多的幾個。我們可以自訂，這就好像是struts2中自訂validation一樣。
4. 如果不定義vtypeText，那麼在欄位校正出錯時，將會顯示預設的錯誤資訊，我們可以通過設定vtypeText來改變這一預設情況。

對於自訂vtype來說是通過以下方式來實現的：

Ext.apply(Ext.form.VTypes,{

xyz1 : function() {},

xyz2 : function() {}

});

其中xyz1和xyz2就是vtype的名字，方法是fuction(val, field);其中val代表了當前欄位的值，而field表示的是當前欄位的一個引用，通過這個引用可以訪問在當前欄位上定義的其他屬性；