JavaScript
require([
"dojo/_base/declare",
"dojo/parser",
"dojo/store/Memory",
"dojo/store/Observable",
"dgrid/CellSelection",
"dgrid/Keyboard",
"dgrid/OnDemandGrid",
"dgrid/Editor",
"dijit/InlineEditBox",
"dijit/form/Button",
"dijit/form/CheckBox",
"dijit/form/FilteringSelect",
"dijit/form/TextBox"
], function(declare,parser,Memory,Observable,CellSelection,Keyboard,OnDemandGrid,editor,InlineEditBox,Button,CheckBox,FilteringSelect,TextBox) {
var store = Observable(new Memory({
data: [
{id: 1, name: "Material", desc: "", bool: true, sel: "App"},
{id: 2, name: "Style", desc: "", bool: false, sel: "Book"},
{id: 3, name: "Task", desc: "", bool: true, sel: "Task"},
{id: 4, name: "Work", desc: "", bool: false, sel: "Work"}
]
}));
var attributeStore = new Memory({
idProperty: "name",
data: [
{name: "App"},
{name: "Book"},
{name: "Material"},
{name: "Style"},
{name: "Task"},
{name: "Work"}
]
});
parser.parse().then(function() {
new (declare([OnDemandGrid,CellSelection,Keyboard]))({
selectionMode: "single",
"class": "myGrid",
store: store,
columns: [
editor({
field: "name",
label: "Name",
editor: TextBox,
editOn: "dgrid-cellfocusin",
sortable: false
}),
editor({
field: "desc",
label: "Description With Long Name",
editor: TextBox,
editOn: "dgrid-cellfocusin",
sortable: false
}),
editor({
field: "bool",
label: "Boolean",
editor: CheckBox,
sortable: false
...