Description
This grid is backed by store that uses data from a static JavaScript array yet it supports paging. The key is to use Memory Proxy with paging enabled. It also works in ExtJS 4, only proxy must be changed to PagingMemory Proxy.
Main Features
- data for store is in JavaScript array
- data is accessed via Memory Proxy
- the proxy is configured with
enablePaging:true
- data is wrapped in statics of a class
- works in ExtJS 4 with minimal change
Use Cases
You would use this approach when you have data for a grid already in memory but the number of rows would be too large so that you need to implement paging.
Example Files (relative to example root)
The example has been initially generated with sencha generate app
so the following list contains only added or edited files:
app.js app/Application.js app/Common.js app/model/CompanyModel.js app/store/CompanyStore.js app/view/MainGridView.js
Source Code
If you want to see the example code, login or sign-up. Free membership is available.I'm a well seasoned developer, consultant and educator of web applications based mainly on Sencha libraries, PHP, MySQL and Node.js. Besides (Apple) computers, I love photography and mountain biking.
Follow me:
Latest posts by saki (see all)
- Ext, Angular, React, and Vue - 27. June 2019
- The Site Resurgence - 11. February 2018
- Configuring ViewModel Hierarchy - 19. June 2015