Click to search on your search term.
Subscribe to Fig Leaf Tutorials

Need help with a project? Contact us at
From code reviews to project "jumpstarts" and full life-cycle development, we've got you covered!
Check out our case studies!
Follow us on Twitter!
Click here to join our Facebook group!

Ready to upgrade your skills? Try these instructor-led classes in Washington, DC:

Configuring a Store for Data Pagination

Page of 168

Configure the following attributes when working with a large dataset:

Config Attribute Description
remoteFilter Boolean. If true, transmits filter requests to the server instead of filtering locally on the client. Defaults to false.
remoteSort Boolean. If true, transmits sort requests to the server instead of sorting locally on the client. Defaults to false.
pageSize Number. The number of records considered to form a 'page'. This is used to power the built-in paging using the loadPage(), nextPage() and previousPage() functions..

The following store definition illustrates using the aforementioned properties:

Ext.define('', {
 extend: '',
 model: 'MyApp.model.Person',
 remoteFilter: true,
 remoteSort: true,
 pageSize: 25

Under this scenario, Ext JS will automatically transmit the following query string variables to your application server during each store.load() request. You will need to write handler code on your application server to parse these variables, construct dynamic sql, and output results in JSON.

URL Variable Description
limit Corresponds to the store's pageSize property, indicating the maximum number of rows that should be returned from the application server.
filter The filters applied to the store, represented in JSON.
sort The sorters applied to the store, represented in JSON.
start The starting row number from which you should return limit rows of records.
page The virtual data page number. Enables you to calculate the starting row (limit * page). Typically not utilized.


Page of 168
comments powered by Disqus