Cannot call method 'on' of undefined on Filters Feature

[zoga08]

Hi folks,

I'm trying to use the "Filters Feature" on my grid, and I'm having troubles.

I'm getting the error "Uncaught TypeError: Cannot call method 'on' of undefined" on line 196 of FiltersFeature.js.

The line who is giving me the error is this:
grid.on({Uncaught TypeError: Cannot call method 'on' of undefined



scope: me,
beforestaterestore: me.applyState,
beforestatesave: me.saveState,
beforedestroy: me.destroy
});

and this is my grid:

Ext.define('Monitoramento.view.agente.List',{
    extend: 'Ext.grid.Panel',
    alias: 'widget.agentelist',
    store: 'Agentes',
    features: [{
        ftype: 'filters',
        local: true,
        encode: false
    }],
    columnLines: false,
    sortableColumns: true,
    enableColumnMove: false,
    enableColumnResize: false,
    //filterable: true,
    columns:[{
        header: 'Chamado',
        width: 80 ,
        dataIndex: 'numero',
        align: 'center',
        renderer: abreChamado
    },{
        header: 'Tipo',
        width: 60,
        dataIndex: 'tipo',
        align: 'center'
    },{
        header: 'Categoria',
        width: 80,
        dataIndex: 'categoria',
        align: 'center',
        filter: {
            type: 'list',
            option: ['INFRA','CLIEN','A.CLK','PLAT','N/A']
        }
    },{
        header: 'Unidade',
        width: 100,
        dataIndex: 'unidade',
        align: 'center'
    },{
        header: 'Sub?',
        width: 60,
        dataIndex: 'sub',
        //renderer: verificaSub,
        align: 'center'
    },{
        header: 'Operador',
        width: 90,
        dataIndex: 'operador',
        align: 'center'
    },{
        header: 'Vence',
        width: 80,
        dataIndex: 'vence',
        //renderer: formataVence,
        align: 'center'
        
    },{
        header: 'Vencido',
        width: 90,
        dataIndex: 'vencido',
        //renderer: formataVencido,
        align: 'center'
    },{
        header: 'Status',
        width: 270,
        dataIndex: 'status',
        align: 'left'
    }],
    initComponent: function(){
        this.callParent();
    }
});

and this is my app:

Ext.Loader.setConfig({ enabled: true });
Ext.Loader.setPath('Ext.ux', 'app/ux');

Ext.require([
   'Ext.grid.*',
   'Ext.data.*',
   'Ext.controller.*',
   'Ext.ux.grid.FiltersFeature'
]);

Ext.application({
    name: 'Monitoramento',
    appFolder: 'app',
    controllers: [
        'Agentes'
    ],
    autoCreateViewport: true,
    launch: function(){
        Monitoramento.app = this;
    }
});

any help?

Thanks

[zoga08]

any ideas??

[zoga08]

no one?