rendered paste bodyExt.onReady(function(){ Ext.ux.menu.RangeMenu.prototype.icons = { gt: 'gfx/greater_then.png', lt: 'gfx/less_then.png', eq: 'gfx/equals.png' }; Ext.ux.grid.filter.StringFilter.prototype.icon = 'gfx/icons/22x22/edit-find.png'; Ext.ux.grid.filter.DateFilter.prototype.dateFormat = 'Y-m-d'; Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); var datareader = new Ext.ux.data.BufferedJsonReader({ root: 'data.results.items', versionProperty: 'data.results.version', totalProperty: 'data.total', id: 'ID' }, [{ name: 'ID', sortType: 'int' },{ name: 'Name', sortType: 'string' },{ name: 'Vorname', sortType: 'string' },{ name: 'Geburtsdatum', sortType: 'int' }] ); var datastore = new Ext.ux.grid.BufferedStore({ autoLoad: true, bufferSize: 150, url: 'dataproxy.php', reader: datareader, sortInfo: {field: 'Name', direction: 'ASC'}, }); var filters = new Ext.ux.grid.GridFilters({filters:[ {type: 'string', dataIndex: 'Name'}, {type: 'string', dataIndex: 'Vorname'}, {type: 'date', dataIndex: 'Geburtsdatum'} ]}); var columnmodel = new Ext.grid.ColumnModel([ {dataIndex: 'ID', header: 'ID', hidden: 'true'}, {dataIndex: 'Name', header: 'Name'}, {dataIndex: 'Vorname', header: 'Vorname'}, {dataIndex: 'Geburtsdatum', header: 'Geburtsdatum', align: 'center'} ]); columnmodel.defaultSortable = true; var gridview = new Ext.ux.grid.BufferedGridView({ nearLimit: 20, loadMask: { msg: 'Daten werden<br>nachgeladen...' } }); var toolbar = new Ext.ux.BufferedGridToolbar({ view: gridview, displayInfo: true, displayMsg: 'Zeige {0} - {1} von {2}', emptyMsg: 'Keine Daten anzuzeigen', refreshText: 'Neu laden' }); var selectionmodel = new Ext.ux.grid.BufferedRowSelectionModel(); var grid = new Ext.grid.GridPanel({ id: 'Patienten', ds: datastore, cm: columnmodel, sm: selectionmodel, loadMask: true, view: gridview, plugins: filters, height: 300, width: 600, el: 'patienten', bbar: toolbar }); grid.render(); datastore.load();});