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, but sorting is not enabled. For an example illustrating dynamically loading and sorting data take a look at the Forum example.
The code is not minified, see buffer-grid.js
1 | Aaron Ferrero | 1 | $900.00 |
2 | David Kaneda | 4 | $1,000,000.00 |
3 | David Robinson | 2 | $900.00 |
4 | Jamie Maintz | 5 | $1,500.00 |
5 | Aaron White | 3 | $900.00 |
6 | Aaron Ferrero | 2 | $100.00 |
7 | Tommy Avins | 4 | $900.00 |
8 | David Spencer | 1 | $1,000,000.00 |
9 | Nicolas Conran | 2 | $100.00 |
10 | Jay Spencer | 2 | $1,500.00 |
11 | Jay Robinson | 3 | $1,000,000.00 |
12 | Jay Kaneda | 3 | $1,000,000.00 |
13 | Jamie Davis | 1 | $1,000,000.00 |
14 | Abe Mishcon | 1 | $1,000,000.00 |
15 | Aaron Conran | 5 | $1,500.00 |
16 | Ed Davis | 2 | $900.00 |
17 | Adam Robinson | 2 | $400.00 |
18 | Tommy Conran | 4 | $100.00 |
19 | Abe Conran | 5 | $100.00 |
20 | Dave Spencer | 5 | $900.00 |
21 | Adam White | 4 | $400.00 |
22 | Jamie Ferrero | 3 | $100.00 |
23 | Tommy Ferrero | 2 | $400.00 |
24 | Aaron Conran | 5 | $900.00 |
25 | Abe Mishcon | 2 | $1,500.00 |
26 | Abe Maintz | 2 | $100.00 |
27 | Dave Spencer | 5 | $400.00 |
28 | Abe Elias | 5 | $1,500.00 |
29 | Abe Conran | 1 | $100.00 |
30 | David Ferrero | 2 | $100.00 |
31 | Tommy Elias | 3 | $900.00 |
32 | Aaron Maintz | 2 | $1,500.00 |
33 | Dave Spencer | 1 | $400.00 |
34 | Tommy Robinson | 5 | $100.00 |
35 | Ed White | 2 | $1,500.00 |
36 | Dave Mishcon | 5 | $400.00 |
37 | David Avins | 5 | $1,000,000.00 |
38 | Tommy Avins | 1 | $1,500.00 |
39 | Jamie Maintz | 2 | $900.00 |
40 | Abe Avins | 1 | $400.00 |
41 | Aaron Elias | 5 | $100.00 |
42 | Aaron Elias | 2 | $1,000,000.00 |
43 | Jamie Spencer | 1 | $400.00 |
44 | Jamie Conran | 5 | $1,500.00 |
45 | Nicolas Ferrero | 1 | $900.00 |
46 | Jamie Mishcon | 5 | $1,000,000.00 |