Grid Filter (Plugin)

[avorobjovs]

Hello!

How can I get the latest version of Grid Filter for Ext JS 4?

Thank you in advance!

[wm003]

I am using this to display a scrollbar:

Ext.override(Ext.grid.GridView, {
        beforeColMenuShow : function(){
            var cm = this.cm,  colCount = cm.getColumnCount();
            this.colMenu.removeAll();
            for(var i = 0; i < colCount; i++){
                if(cm.config[i].fixed !== true && cm.config[i].hideable !== false){
                    this.colMenu.add(new Ext.menu.CheckItem({
                        id: "col-"+cm.getColumnId(i),
                        text: cm.getColumnHeader(i),
                        checked: !cm.isHidden(i),
                        hideOnClick:false,
                        disabled: cm.config[i].hideable === false
                    }));
                }
            }
//check height to possibly display a scrollbar
            var ccH = Ext.lib.Dom.getViewHeight()-100;
            if (colCount*24>ccH) {
                this.colMenu.getEl().setStyle("overflow-y", "auto");
                this.colMenu.getEl().setHeight(ccH);
            }
        }
    }); 

[ing.amdangelo]

With this plugins is possibile filter remotely ???

// Filtri per la griglia
var filtroUtenti = new Ext.ux.grid.GridFilters({
// encode and local configuration options defined previously for easier reuse
encode: false, // json encode the filter query
local: false, // defaults to false (remote filtering)
menuFilterText: 'Filtri',
filters: [{ type: 'string', dataIndex: 'cognome'},
{ type: 'string', dataIndex: 'nome' },
{ type: 'string', dataIndex: 'citta' },
{ type: 'numeric', dataIndex: 'numIscrizione' }
]
});


// Anagrafica degli Iscritti Nazionale e Provinciale




var listaUtenti = new Ext.grid.GridPanel({
id: 'lstUtenti',
layout: 'fit',
store: storeIscritti,
loadMask: true,
autoWidth: true,
//hidden:true,
stripeRows: true,
selModel: listaUtentiRowSelModel,
listeners: {
rowcontextmenu: doContextMenuListaUtenti
},
bbar: toolbarGridUtenti,
colModel: com,
plugins: [filtroUtenti]
});

in additionto the property 'local' What elseshould I do

[ing.amdangelo]

var storeIscritti = new Ext.data.JsonStore({
url: '../ajaxUsers.asmx/getAnagraficaJson',
baseParams: { _idAdmin: idAdmin, provincia: provincia, sort: 'cognome', dir: 'ASC', start: 0, limit: 100 },
record: 'User',
remoteSort:true,
totalRecords: 'Totale',
fields: ['idUser', 'cognome', 'nome', 'codiceFiscale', 'indirizzo', 'numIscrizione', 'citta', 'emailOrdinaria', 'emailPEC'],
autoLoad:true
});
var com = new Ext.grid.ColumnModel({
defaults: {
sortable: true
},
columns: [
{ header: 'idUser', dataIndex: 'idUser', hidden: true },
{ header: 'Photo', dataIndex: 'emailPEC', width: 105, renderer: renderPhoto },
{ header: 'Cognome', dataIndex: 'cognome', width: 90 },
{ header: 'Nome', dataIndex: 'nome', width: 90 },
{ header: 'Codice Fiscale', dataIndex: 'codiceFiscale', width: 132 },
{ header: 'Indirizzo', dataIndex: 'indirizzo', width: 200 },
{ header: 'Citta', dataIndex: 'citta', width: 150 },
{ header: 'Num Iscrizione', dataIndex: 'numIscrizione', width: 80, align: 'center' },
{ header: 'email @ Ordinaria', dataIndex: 'emailOrdinaria', width: 100, hidden: true },
{ header: 'email @ PEC', dataIndex: 'emailPEC', width: 250 }
]
});


var listaUtentiRowSelModel = new Ext.grid.RowSelectionModel({
singleSelect: true
});




// Filtri per la griglia
var filtroUtenti = new Ext.ux.grid.GridFilters({
// encode and local configuration options defined previously for easier reuse
encode: true, // json encode the filter query
local: false, // defaults to false (remote filtering)
menuFilterText: 'Filtri',
filters: [{ type: 'string', dataIndex: 'cognome' },
{ type: 'string', dataIndex: 'nome' },
{ type: 'string', dataIndex: 'citta' },
{ type: 'numeric', dataIndex: 'numIscrizione' }
]
});




//toolbar per la Paginazione
var toolbarGridUtenti = new Ext.PagingToolbar({
id: 'tbGridUtenti',
pageSize: 100,
plugins: [filtroUtenti],
store: storeIscritti,
displayInfo: true,
displayMsg: 'Elementi visualizzati da {0} a {1} di {2}',
emptyMsg: "Nessun elemento trovato"
})





// Anagrafica degli Iscritti Nazionale e Provinciale




var listaUtenti = new Ext.grid.GridPanel({
id: 'lstUtenti',
layout: 'fit',
store: storeIscritti,
loadMask: true,
autoWidth: true,
//hidden:true,
stripeRows: true,
selModel: listaUtentiRowSelModel,
listeners: {
rowcontextmenu: doContextMenuListaUtenti
},
bbar: toolbarGridUtenti,
colModel: com,
plugins: [filtroUtenti]
});

Can i Obtain remote filtering ....... ???

Help me please ??

[ing.amdangelo]

The Store is Xml ..............

//Store degli Utenti
var storeIscritti = new Ext.data.XmlStore({
url: '../ajaxUsers.asmx/getAnagrafica',
baseParams: { _idAdmin: idAdmin, provincia: provincia, sort: 'cognome', dir: 'ASC', start: 0, limit: 100 },
record: 'User',
remoteSort:true,
totalRecords: 'Totale',
fields: ['idUser', 'cognome', 'nome', 'codiceFiscale', 'indirizzo', 'numIscrizione', 'citta', 'emailOrdinaria', 'emailPEC'],
autoLoad:true
});

[ing.amdangelo]

therewould be very grateful

[tksko]

hi!
I am using this great plugin but i need for date fields to filter with time too (TimeStamp). Is it possible?

thanks

[cleydsonjr]

I downloaded the source zip 0.2.8. But in order to make it work i had to add the ListMenu.js to the index.html list of scripts.