I have a javascript datasource for my treetable and I can see the values for the intial load but I cannot see any of the new items I am adding into the treetable as a user.
How can I get to my data so I can perform database updates in a batch mode?
I have tried accessing actionItems - can see original data but not new items
I have tried accessing the data: property of the treetable but I end up seeing the entire treetable object
Here is my data
var actionItems = [
{ "id":"1", "status":"r", "action":"QDRO 1", "due":"", "open":true, "data":[
{ "id":"2", "status":"r", "action":"Sample Action Item 11", "due":"07/22/2014"},
{ "id":"3", "status":"r", "action":"Sample Action Item 12", "due":"07/22/2014" }
]},
{ "id":"4", "status":"r", "action":"QDRO 2", "due":"", "open":true, "data":[
{ "id":"5", "status":"r", "action":"Sample Action Item 21", "due":"08/22/2014" },
{ "id":"6", "status":"r", "action":"Sample Action Item 22", "due":"08/22/2014" }
]}
];
Treetable setup:
var grida = new webix.ui({
container:"gridTree",
id:"gridItems",
view:"treetable",
headerRowHeight:20,
rowHeight:32,
select:"row",
scrollX:true,
scrollY:true,
editable:true,
editaction:"dblclick",
columns:[
{ id:"id", header:"Id", css:{"text-align":"center"}, width:50},
{ id:"status", header:"Status", css:{"text-align":"center"}, width:80},
{ id:"action", header:"Action Items", editor:"text", width:980, template:"{common.space()}{common.icon()} #value#", fillspace:1},
{ id:"due", header:"Due", editor:"text", width:100}
],
autoheight:false,
autowidth:false,
data: actionItems
});
Any help would be welcome
Thanks