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