Skip to content
This repository
Fetching contributors…

Octocat-spinner-32-eaf2f5

Cannot retrieve contributors at this time

file 57 lines (53 sloc) 1.769 kb
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 50 51 52 53 54 55 56
<!DOCTYPE html>
<html>
<head>
<title>Test Tree Grid</title>
<meta charset="utf-8">
<meta name="viewport" content="width=570">
<style>
@import "../../dojo/resources/dojo.css";
@import "../css/skins/claro.css";
.dgrid {
width: 700px;
margin: 10px;
}
#tree .field-bool {
width: 4em;
}
#tree .field-type {
width: 5em;
}
</style>
<script src="../../dojo/dojo.js"
data-dojo-config="async: true"></script>
<script>
require(["dojo/on", "dgrid/OnDemandGrid","dgrid/tree","dgrid/editor", "dgrid/Keyboard",
"dojo/_base/declare", "dgrid/test/data/base", "dojo/domReady!"],
function(on, Grid, tree, editor, Keyboard, declare, testStore){
var count = 0; // for incrementing edits from button under 1st grid

function nbspFormatter(value){
// returns "&nbsp;" for blank content, to prevent cell collapsing
return value === undefined || value === "" ? "&nbsp;" : value;
}

var StandardGrid = declare([Grid, Keyboard]);

window.grid = new StandardGrid({
store: testCountryStore,
query: {type: "continent"},
columns: [
tree(editor({label: "Name", field:"name", sortable: false, editOn: "dblclick"})),
editor({label: "Visited", field: "bool", sortable: false}, "checkbox"),
{label:"Type", field:"type", sortable: false},
{label:"Population", field:"population"},
{label:"Timezone", field:"timezone"}
]
}, "treeGrid");
});
</script>
</head>
<body class="claro">
<h2>Lazy-loading tree grid, with editable tree cells (tree&rarr;editor)</h2>
<div id="treeGrid"></div>
<button onclick="window.grid.save();">Save</button>
<button onclick="window.grid.revert();">Revert</button>
</body>
</html>
Something went wrong with that request. Please try again.