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 | Tommy Kaneda | 2 | $1,500.00 |
2 | Aaron White | 1 | $400.00 |
3 | Ed Avins | 4 | $400.00 |
4 | Jamie Davis | 1 | $100.00 |
5 | Adam Ferrero | 5 | $100.00 |
6 | Jay Robinson | 5 | $900.00 |
7 | Ed Maintz | 1 | $1,000,000.00 |
8 | Jay Ferrero | 4 | $1,000,000.00 |
9 | Abe Mishcon | 5 | $400.00 |
10 | David Conran | 3 | $1,500.00 |
11 | David Kaneda | 1 | $1,000,000.00 |
12 | Tommy Kaneda | 3 | $1,500.00 |
13 | Nicolas Robinson | 5 | $100.00 |
14 | Jamie Conran | 5 | $100.00 |
15 | Jamie Conran | 2 | $400.00 |
16 | Adam Spencer | 4 | $1,000,000.00 |
17 | Adam Maintz | 1 | $1,500.00 |
18 | Nicolas Maintz | 1 | $900.00 |
19 | Jay Elias | 5 | $400.00 |
20 | Aaron White | 3 | $1,000,000.00 |
21 | Jamie Avins | 1 | $1,000,000.00 |
22 | Ed Avins | 2 | $1,000,000.00 |
23 | Tommy Conran | 5 | $400.00 |
24 | Ed Ferrero | 4 | $400.00 |
25 | Tommy Davis | 4 | $1,500.00 |
26 | Tommy Mishcon | 5 | $100.00 |
27 | Dave Spencer | 2 | $400.00 |
28 | Tommy Conran | 5 | $400.00 |
29 | Adam Davis | 2 | $1,000,000.00 |
30 | Ed Spencer | 1 | $900.00 |
31 | Dave Conran | 5 | $100.00 |
32 | Ed Conran | 4 | $400.00 |
33 | Jay Spencer | 1 | $100.00 |
34 | Aaron Elias | 1 | $900.00 |
35 | Tommy Elias | 1 | $100.00 |
36 | David White | 2 | $1,000,000.00 |
37 | Jay Conran | 2 | $1,500.00 |
38 | Ed Ferrero | 2 | $1,500.00 |
39 | Nicolas Davis | 1 | $900.00 |
40 | David Ferrero | 3 | $100.00 |
41 | Nige Mishcon | 2 | $400.00 |
42 | David Davis | 2 | $100.00 |
43 | Tommy Conran | 4 | $1,000,000.00 |
44 | Jay White | 1 | $900.00 |
45 | Dave Ferrero | 1 | $1,000,000.00 |
46 | Abe Davis | 3 | $1,500.00 |
47 | Dave Ferrero | 5 | $1,500.00 |
48 | Aaron Avins | 5 | $100.00 |
49 | Nicolas Davis | 2 | $100.00 |
50 | Nige Mishcon | 5 | $1,500.00 |