knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

get a datatable rendering with fake data

Browse Source
This commit is contained in:
Max Ogden
2011-11-04 13:18:29 +00:00
parent 2ec378997e
commit bd52bb2c58
4 changed files with 76 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
demo/index.html
View File

@@ -7,10 +7,11 @@
<link rel="stylesheet" href="style/data-table.css" media="screen">
<link rel="stylesheet" href="style/style.css" media="screen">
<script type="text/javascript" src="../src/deps-min.js"></script>
<script type="text/javascript" src="../src/backbone-webstore.js"></script>
<script type="text/javascript" src="../src/util.js"></script>
<script type="text/javascript" src="../src/costco.js"></script>
<script type="text/javascript" src="../src/recline.js"></script>
<script type="text/javascript" src="../src/model.js"></script>
<script type="text/javascript" src="../src/view.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>
<body class="bod">
@@ -134,13 +135,13 @@
<tr>
{{#notEmpty}}<td class="column-header"></td>{{/notEmpty}}
{{#headers}}
<td class="column-header">
<div class="column-header-title">
<a class="column-header-menu"></a>
<span class="column-header-name">{{.}}</span>
</div>
</div>
</td>
<td class="column-header">
<div class="column-header-title">
<a class="column-header-menu"></a>
<span class="column-header-name">{{.}}</span>
</div>
</div>
</td>
{{/headers}}
</tr>
{{#rows}}

25
demo/js/app.js
View File

@@ -1,5 +1,28 @@
$(function() {
window.app = new recline.DataTable({url: "awesome.com/webstore.json"});
var metadata = {
title: 'My Test Dataset'
, name: '1-my-test-dataset'
, id: 1
};
var indata = {
headers: ['x', 'y', 'z']
, rows: [
{x: 1, y: 2, z: 3}
, {x: 2, y: 4, z: 6}
, {x: 3, y: 6, z: 9}
, {x: 4, y: 8, z: 12}
, {x: 5, y: 10, z: 15}
, {x: 6, y: 12, z: 18}
]
};
var dataset = new recline.Dataset(metadata, indata);
var dataTable = new recline.DataTable({
model: dataset.documentSet,
url: "awesome.com/webstore.json"
})
$('.container').append(dataTable.el)
})
// app.after = {