Добавить проверку в текстовое поле фильтра в 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); 
            } 
           } 
         } 
              ] 
           } 
       ]