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