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