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 |
| <div id="dgrid"></div> | | <div id="update" data-dojo-type="dijit/form/Button">Update data</div> | <div id="filter" data-dojo-type="dijit/form/Button">Filter data</div> | <div id="reset" data-dojo-type="dijit/form/Button">Reset data</div> | | <script> | require(["dojo/ready", "dgrid/OnDemandGrid", "dojo/store/Memory", | "dojo/on", "dojo/dom", "dojo/parser"], | function(ready, Grid, Memory, on, dom) { | | ready(function() { | | var oldData = [ | {id : 1, item : "Demo line 1"}, | {id : 2, item : "Demo line 2"}, | {id : 3, item : "Demo line 3"} | ]; | | var newData = [ | {id : 1, item : "New demo line 1"}, | {id : 2, item : "New demo line 2"}, | {id : 3, item : "New demo line 3"} | ]; | | var layout = [ | {field : "id", label : "ID"}, | {field : "item", label : "ITEM"} | ]; | | var Dgrid = new Grid({ | columns : layout, | store : new Memory({data : oldData}) | }, "dgrid"); | | on(dom.byId("update"), "click", update); | on(dom.byId("filter"), "click", filter); | on(dom.byId("reset"), "click", reset); | | function update() { | Dgrid.set("store", new Memory({data : newData})); | } | | function reset() { | Dgrid.set("query", {}); | Dgrid.set("store", new Memory({data : oldData})); | } | | function filter() { | Dgrid.set("query", {id : 2}); | } | | }); | }); | </script> |
|