將驗證添加到EXT-JS 4.1 GridPanel中的過濾器文本框？

Question

我有遠程過濾的EXT-JS網格面板：

Ext.define('My.GridPanel', { 
    extend: 'Ext.grid.Panel' 

    ... 

    features: [{ 
     ftype: 'filters' 
     encode: true, 
     local: false 
    }], 
    initComponent: function() { 
     .... 

    ..... 
}); 

我怎樣才能添加驗證所創建的文本框，讓你輸入過濾條件？

我想要做的是不允許某些字符在服務器端導致不好的事情發生。

Answer 1

您可以使用searchfield並將其發送

dockedItems: [ 
       { 
        xtype: 'toolbar', 
        dock: 'top', 
        height : 30, 
        items: [ 
         { 
          xtype: 'searchfield', 
          width: 400, 
          fieldLabel: 'Search ', 
          labelWidth: 60, 
          store: gridStore, 
          listeners:{ 
           change:function(element, value){ 
            console.log(value); 
            } 
           } 
         } 
              ] 
           } 
       ] 

之前驗證其價值