将验证添加到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

您可以在发送之前使用搜索字段并验证其值

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);
                                    }
                                }
                        }
                                          ]
                               }
               ]