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.
Follow me:
Latest posts by saki (see all)

Enter your username and password to log into your account. Don't have an account? Sign up.

Want to collaborate on an upcoming project?