Buffered Scrolling

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