UsuariosServicesGrid.js

Ext.ux.ServiceStore = Ext.extend(Ext.data.JsonStore, {
    constructor: function(config){
        Ext.ux.ServiceStore.superclass.constructor.call(this, Ext.apply({
            root: 'data',
            totalProperty: 'total',
            fields: [
               'id','userName', 'tpo_Nro_Documento', 'nombre', 'apellido','email'
            ],
            url: './usuarios-list.html',
            sortInfo: {field: 'apellido', direction:'ASC'},
            remoteSort: true
        }, config));
    }
});
Ext.reg('servicestore', Ext.ux.ServiceStore);

Ext.ux.UsuariosServicesGrid = Ext.extend(Ext.grid.GridPanel, {
    initComponent:function() {
        var config = {
            border: false,
            frame:true,
            autoScroll: true,
            loadMask: true,
            stripeRows: true,
            layout: 'fit',
            viewConfig: {forceFit:true},
            store: new Ext.ux.ServiceStore(),
            sm: new Ext.grid.RowSelectionModel({singleSelect: true}),
            columns:[{
                header: "Usuario",
                dataIndex: 'userName',
                sortable: true,
                width: 150
            },{
                header: "Apellido",
                dataIndex: 'apellido',
                width: 200,
                sortable: true
            },{
                header: "Nombre",
                dataIndex: 'nombre',
                sortable: true,
                width: 150
            },{
                header: "Documento",
                dataIndex: 'tpo_Nro_Documento',
                sortable: true,
                align: 'center',
                width: 150
            },{
                header: "E-mail",
                dataIndex: 'email',
                sortable: true,
                groupable: true,
                align: 'center',
                width: 200
            }],
            plugins: [new Ext.ux.grid.GridFilters({
                encode: true,
                updateBuffer: 2000,
                filters: [{
                        dataIndex: 'apellido',
                        type: 'string'
                    },{
                        dataIndex: 'nombre',
                        type: 'string'
                    },{
                        dataIndex: 'userName',
                        type: 'string'
                    },{
                        dataIndex: 'email',
                        type: 'string'
                    }]
                })
            ],
            tbar:[{
                text:'Aprobar',
                tooltip:'Aprueba usuario de autogestión',
                iconCls:'accept',
                scope: this,
                handler: this.aprobar
            },{
                text:'Desaprobar',
                tooltip:'Desaprueba usuario de autogestión',
                iconCls:'delete',
                scope: this,
                handler: this.desaprobar
            }]
        }; // eo config object

        // apply config
        Ext.apply(this, Ext.apply(this.initialConfig, config));


        this.bbar = new Ext.PagingToolbar({
            pageSize: 15,
            store: this.store,
            plugins: this.plugins,
            displayInfo: true,
            displayMsg: 'Mostrando registros {0} - {1} de {2}',
            emptyMsg: "No existen elementos a mostrar"
        });

        Ext.ux.UsuariosServicesGrid.superclass.initComponent.apply(this, arguments);
    } // eo function initComponent

});
Ext.reg('usuariosservicesgrid', Ext.ux.UsuariosServicesGrid);

Ext.ux.BaseComboBox = Ext.extend(Ext.form.ComboBox, {
    initComponent:function() {
        var config = {
                displayField:'label'
                ,valueField: 'value'
            ,emptyText:'Selecione un Item...'
            ,    width: 200
            ,forceSelection: true
            ,triggerAction: 'all'
            ,queryDelay: 100
            ,typeAhead: true
            ,editable: true
            ,mode: 'remote'

        }; // eo config object

        // apply config
        Ext.apply(this, Ext.apply(this.initialConfig, config));

        Ext.ux.BaseComboBox.superclass.initComponent.apply(this, arguments);
    } // eo function initComponent

});

/*
Ext.ux.RolesComboBox = Ext.extend(Ext.ux.BaseComboBox, {
    store: new Ext.data.JsonStore({
        root: 'data',
        fields: ['value', 'label'],
        url: './buscarRoles.html'
        })

});
Ext.reg('rolescombo', Ext.ux.RolesComboBox);

Ext.ux.ClientesComboBox = Ext.extend(Ext.ux.BaseComboBox, {
    store: new Ext.data.JsonStore({
    root: 'data',
    fields: ['value', 'label'],
    url: './buscarClientes.html
    })

});

Ext.reg('clientescombo', Ext.ux.ClientesComboBox);

*/