Skip to content

Instantly share code, notes, and snippets.

@msssk

msssk/1351-scroll.html

Created February 9, 2017 16:50
Show Gist options
  • Save msssk/7caa5aadbd8e8207443433302f2f8aba to your computer and use it in GitHub Desktop.
Save msssk/7caa5aadbd8e8207443433302f2f8aba to your computer and use it in GitHub Desktop.
Download ZIP
dgrid scroll test
Raw
1351-scroll.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>dgrid scroll test</title>
<link rel="stylesheet" href="dgrid/css/dgrid.css">
</head>
<body>
<div id="grid"></div>
<script src="dojo/dojo.js" data-dojo-config="async: true"></script>
<script>
require([
'dojo/_base/declare',
'dstore/Memory',
'dstore/Trackable',
'dgrid/OnDemandGrid',
'dgrid/Keyboard',
'dgrid/Selection',
'dgrid/extensions/ColumnHider',
'dgrid/extensions/ColumnReorder',
'dgrid/extensions/ColumnResizer',
'dgrid/Selector'
], function (declare, Memory, Trackable, OnDemandGrid, Keyboard, Selection, ColumnHider, ColumnReorder, ColumnResizer, Selector) {
var store = new (declare([Memory, Trackable]))({
data: createData(1000)
});
var grid = new (declare([OnDemandGrid, Keyboard, Selection, ColumnHider, ColumnReorder, ColumnResizer, Selector]))({
collection: store,
keepScrollPosition: true,
pagingMethod: 'throttleDelayed',
selectionMode: 'multiple',
allowSelectAll: true,
columns: {
A: {
label: 'A',
selector: 'checkbox'
},
B: {
label: 'B'
},
C: {
label: 'C'
},
D: {
label: 'D'
},
E: {
label: 'E'
},
F: {
label: 'F'
},
G: {
label: 'G'
},
H: {
label: 'H'
},
I: {
label: 'I'
},
J: {
label: 'J'
},
K: {
label: 'K'
},
L: {
label: 'L'
},
M: {
label: 'M'
},
N: {
label: 'N'
},
O: {
label: 'O'
},
P: {
label: 'P'
}
}
}, 'grid');
grid.startup();
function createData(total) {
var data = [];
var column;
var i;
var item;
for (i = 0; i < total; i++) {
item = {};
for (column in { A: 1, B: 1, C: 1, D: 1, E: 1, F: 1, G: 1, H: 1, I: 1, J: 1, K: 1, L: 1, M: 1, N: 1, O: 1, P: 1 }) {
item.id = i;
item[column] = column + '_' + (i + 1);
}
data.push(item);
}
return data;
}
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment