Ext JS 4's brand new grid supports infinite scrolling, which enables you to load any number of records into a grid without paging.
The new grid uses a virtualized scrolling system to handle potentially infinite data sets without any impact on client side performance.
This example illustrates loading of all the records up front and buffering the rendering. Take a look at the Forum example which illustrates dynamically loading data from a remote source.
The code is not minified, see buffer-grid.js
1 | Adam Robinson | 1 | $1,000,000.00 |
2 | Tommy Elias | 5 | $1,500.00 |
3 | Jamie Robinson | 2 | $900.00 |
4 | Jamie Avins | 3 | $400.00 |
5 | Tommy Elias | 4 | $400.00 |
6 | Jay Maintz | 1 | $100.00 |
7 | Nige Avins | 2 | $100.00 |
8 | Aaron White | 2 | $900.00 |
9 | Adam Elias | 4 | $1,000,000.00 |
10 | Abe Kaneda | 2 | $1,000,000.00 |
11 | Tommy Conran | 2 | $400.00 |
12 | Tommy Maintz | 5 | $1,000,000.00 |
13 | David Davis | 2 | $400.00 |
14 | Abe Davis | 1 | $400.00 |
15 | Nicolas Kaneda | 2 | $400.00 |
16 | Abe Davis | 1 | $900.00 |
17 | Tommy Spencer | 1 | $1,000,000.00 |
18 | Nige Elias | 2 | $100.00 |
19 | Ed Avins | 5 | $1,500.00 |
20 | Nicolas Mishcon | 1 | $900.00 |
21 | David Mishcon | 4 | $900.00 |
22 | Ed Avins | 2 | $400.00 |
23 | Tommy Conran | 4 | $900.00 |
24 | Aaron Robinson | 5 | $100.00 |
25 | Nige Elias | 1 | $100.00 |
26 | Tommy Maintz | 1 | $1,500.00 |
27 | Nicolas Spencer | 1 | $100.00 |
28 | Tommy Conran | 3 | $900.00 |
29 | Adam Mishcon | 1 | $100.00 |
30 | Nige Kaneda | 4 | $100.00 |
31 | Abe White | 2 | $400.00 |
32 | Tommy Mishcon | 5 | $900.00 |
33 | Jamie Conran | 2 | $1,000,000.00 |
34 | Tommy Maintz | 3 | $1,000,000.00 |
35 | Nige Conran | 5 | $900.00 |
36 | Adam Spencer | 1 | $900.00 |
37 | Aaron Kaneda | 4 | $900.00 |
38 | Nicolas Conran | 5 | $1,500.00 |
39 | Abe Ferrero | 1 | $1,000,000.00 |
40 | Dave Avins | 1 | $900.00 |
41 | Nige Spencer | 2 | $1,500.00 |
42 | Adam Elias | 5 | $1,000,000.00 |
43 | Aaron Ferrero | 5 | $100.00 |
44 | Nige Ferrero | 2 | $1,500.00 |
45 | Jamie Kaneda | 2 | $900.00 |
46 | David White | 2 | $100.00 |
47 | Aaron Davis | 2 | $400.00 |
48 | Abe White | 2 | $100.00 |
49 | Abe Mishcon | 4 | $1,500.00 |
50 | Ed Robinson | 2 | $1,000,000.00 |