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