Tree grid - loading expanded node data with loader property

[amir-t]

Hi,
im tyring to implement a dynamic load, without using any url, but to make a custom loader which gets the data from web service. when i load the root level data, the loading is as expected,
but when expending one of the root parents, then the children data is overring the existed root level and not appended to the expanded parent (as its children data), but just replacing the all treeGrid data.

It's important to mention' that i've checked that the children data of the expanded node are as expected, and that all the chidrens holds the correct 'parentId' property,
which points to the expanded node that was pressed.

Code:

$('#treeDiv').treegrid({
	loader: function(param, success, error) {
             if (!param.id) {

                data = getData();   // retrieve the top level data.
                success(data);
             }
             else {
                data = getData(param.id); // retrieve the children data of the current expanded node.
                success(data);                // here, the data will be replaced and won't be appended to the expanded node.
             }
        }
});

Example of the data:

root level:

Code:

[{id: 1,
name: 'parent 1',
parentId: 0}
]

children data of the expanded parent:

Code:

[{id: 11,
name: 'child 1',
parentId: 1},
{id: 12,
name: 'child 2',
parentId: 1},
{id: 13,
name: 'child 23',
parentId: 1}
]

[stworthy]

If you would like to expand a node to retrieve its children nodes, the node's state should be set to 'closed'. Please add 'state' property to the root node.

Code:

[{id: 1,
name: 'parent 1',
state: 'closed',
parentId: 0}
]

[amir-t]

Hi,

i tried your advice, but still doesn't work 

when i set the state property for some parent node as follows:

Code:

[{id: 1,
name: 'parent 1',
state: 'closed',
parentId: 0}
]

Still on the loader callback, after expanding the parent, this following code line still replaces all the tree's data instead of appending it to the expanded parent:

success(data);   

please notice the comments in this code block (the loader function scope):

Code:

$('#treeDiv').treegrid({
	loader: function(param, success, error) {
             if (!param.id) {

                data = getData();   // retrieve the top level data.
                success(data);
             }
             else {
                data = getData(param.id); // retrieve the children data of the current expanded node.

                // this line still overrides the entire tree's data instead of appending the current data to the expanded parent
               success(data);   
             }
        }
});

[stworthy]

Please refer to this example http://jsfiddle.net/dvAcu/.

[amir-t]

Works fine now.
thanks !