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