The extj-ajax
component is a client-side binding to a server-side XHR datasource,
supporting paging, sorting, and filtering.
The API was designed for both version 4 and 5 of Sencha's ExtJS Grid (available free under GPL 3), and full documentation can be found on Sencha's web site.
<sortable-table pageSize="10"> <extjs-ajax role="datasource" url="extjs/grid-filter.php"></extjs-ajax> </sortable-table>
The server is hosted in the Netherlands, so users outside of Europe might notice extra latency loading data
Data is loading = {{loading}}
<extjs-ajax url="http://files.stevenskelton.ca/sortable-table/examples/extjs/grid-filter.php" start=[int] length=[int] sortColumn=[string] sortDescending=[boolean] columns='[ {"name":"id"}, {"name":"name"}, {"name":"last"}, {"name":"volume"}, {"name":"daily"}, {"name":"ytd"} ]' ></extjs-ajax>
Waiting for Query
Start
Paging first record indicator. This is the start point in the current data set (0 index based - i.e. 0 is the first record).
Length
Number of records that the table can display in the current draw. It is expected that the number of records returned will be equal to this number, unless the server has fewer records to return. Note that this can be -1 to indicate that all records should be returned (although that negates any benefits of server-side processing!)
Sort Column
Descending
Column by which to sort the records.
Filter Columns
Columns to filter by.
Loading
{{dataSize}} Total Records
{{data.length}} Records Returned
Column Filters