forked from fin-hypergrid/core
-
Notifications
You must be signed in to change notification settings - Fork 0
/
excel-json-behavior.html
49 lines (45 loc) · 1.19 KB
/
excel-json-behavior.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<html>
<head>
<script src="../../webcomponentsjs/webcomponents.js"></script>
<!-- <link rel="stylesheet" href="../themes/excel.css"> -->
<!-- <link rel="import" href="../polymer/html/fin-hypergrid.html">
-->
<link rel="import" href="../fin-hypergrid.min.html">
<script src="excel-json-behavior-data.js"></script>
<style>
body {
position: absolute;
top: 0%;
right: 0%;
bottom: 0%;
left: 0%;
padding: 0%;
margin: 15px 0 0 0;
background-color: #ffffff;
}
fin-hypergrid {
width: 100%;
height: 100%;
position: relative;
}
table {
}
</style>
</head>
<body>
<fin-hypergrid id="json-grid" style="position:absolute;width:100%;height:100%">
<fin-hypergrid-behavior-json ></fin-hypergrid-behavior-json>
<fin-hypergrid-excel></fin-hypergrid-excel>
</fin-hypergrid>
</body>
<script>
window.addEventListener('polymer-ready',function() {
var table = document.querySelector('#json-grid');
table.addFinEventListener('fin-scroll-y', function(e){
console.log('fin-scroll-y', e);
});
var behavior = table.getBehavior();
behavior.setData(data); //data is set in excel-json-behavior-data.js
});
</script>
</html>