Dojox QueryReadStore + Grid demo - paging, sortable and filterable all server-side

The grid is in HTML, store, etc. are JS, sorting is added by extending the model class

Capabilities: load data from server, show data, paging (30 rows at a time), sort, filter
You can see that data are loaded upon demand by scrolling down in the grid below line #30, open FireBug and you see a server request being issued, to retreive another 30 rows/items.


Loading...

The store and grid are "generated" and connected in HTML, filtering is done via JS

This store is by default sorted descending by name (not as the one above, which is ascending).
Loading...
DEPRECATED: dojox.grid.DataGrid::attr() is deprecated. Use get() or set() instead, called from function(){if(this.scrollboxNode){this.windowHeight=this.scrollboxNode.clientHeight;}for(var i=0;i<this.colCount;i++){dojox.grid.util.setStyleHeightPx(this.contentNodes[i],Math.max(1,this.height));}var _23c=(!this._invalidating);if(!_23c){var ah=this.grid.attr("autoHeight");if(typeof ah=="number"&&ah<=Math.min(this.rowsPerPage,this.rowCount)){_23c=true;}}if(_23c){this.needPage(this.page,this.pageTop);}var _23d=(this.page<this.pageCount-1)?this.rowsPerPage:((this.rowCountundefinedhis.rowsPerPage)||this.rowsPerPage);var _23e=this.getPageHeight(this.page);this.averageRowHeight=(_23e>0&&_23d>0)?(_23e/_23d):0;} -- will be removed in version: 2.0
DEPRECATED: dojox.grid._Grid.setStructure(obj) use dojox.grid._Grid.attr('structure', obj) instead. -- will be removed in version: 2.0