The Laboratory Sample Code doesn't Produce a Tree

[ghost]

The code sample mentioned in the laboratory when Grid, OnDemandGrid, and Tree are selected, doesn't result in a tree structure.

Source: http://dgrid.io/js/dgrid/demos/laboratory/

require([
	'dojo/_base/declare',
	'dstore/Memory',
	'dstore/Trackable',
	'dstore/Tree',
	'dgrid/OnDemandGrid',
	'dgrid/Tree'
], function (declare, Memory, Trackable, TreeStoreMixin, OnDemandGrid, Tree) {
	var store = new (declare([Memory, Trackable, TreeStoreMixin]))({
		data: createData()
	});

	// Instantiate grid
	var grid = new (declare([OnDemandGrid, Tree]))({
		collection: store,
		columns: {
			First_Name: {
				label: 'First Name',
				renderExpando: true
			},
			Last_Name: {
				label: 'Last Name'
			}
		}
	}, 'grid');

	grid.startup();

	function createData() {
		var data = [];
		var column;
		var i;
		var item;

		for (i = 0; i < 50; i++) {
			item = {};
			for (column in { First_Name: 1, Last_Name: 1 }) {
				item.id = i;
				item[column] = column + '_' + (i + 1);
			}
			if (i > 1) {
				item.hasChildren = false;
				item.parent = i % 2;
			}
			data.push(item);
		}

		return data;
	}
});

[gprosch]

Any update on this? Also, what/where is TreeStoreMixin?

[ghost]

TreeStoreMixin maps to 'dstore/Tree'.

We got this working by using .getRootCollection() on our store. Source: https://github.com/adpatter/dojo-widget-examples/blob/master/KeyRequestApp.js

`var ReportingEmployeeTreeGrid = declare([ dgridOnDemandGrid, dgridTree, dgridDijitRegistry, dgridColumnResizer ]);

var ReportingEmployeeTreeGridStore = declare([ dstoreMemory, dstoreTrackable, dstoreTree ]);

var tree = new ReportingEmployeeTreeGrid(
{
id : this.id + "_employeeTree",
title : "Request Keys",
selected : true,
region : "center",
keepScrollPosition : true,
collection : this.get("reportingEmployeeTreeGridStore").getRootCollection(),
columns : [
{
field : "name",
label : "Name",
renderExpando : true
},
{
field : "title",
label : "Title"
},
{
field : "roomAccess",
label : "Room Access",
renderCell : lang.hitch(this, this.renderRoomAccessCell)
} ]
});`

[gprosch]

Thank you very much for the clarification Adam. I found a similar issue answered on Stack Overflow: https://stackoverflow.com/questions/40557343/dgrid-tree-rendering-flat-at-first

I was just confused about what TreeStoreMixin was and several people seemed to be complaining about the lab code generation which has still not been addressed apparently.