how do i set the "dataSourceUrl" inside the

$(document).delegate(

"#APTreeView", "igtreenodepopulating", function (evt, ui) {

}

Please let me know the child node will get rendered automatically after expand?

Hi,

In the tree how could i select the first node of the tree by default, when the tree render first time?

Thanks

Anil

Hi Anil,

Subscribe to the rendered event and create a flag for yourself to indicate whether this the first time rendered is being fired. Then inside the rendered event select the first node.

It should look like this:

var initialRender = true;

$(document).delegate('#APTreeView', 'igtreerendered', function (event, ui) {

     if (initialRender) {

         // Below will retrieve first node regardless of whether you have primary keys or not.

         var node = $('#APTreeView').find('li[data-role=node]:first');

         $('#APTreeView').igTree('select', node);

         initialRender = false;

     }

});

Thank you for using the Infragistics forums!

Hi,

I have added a new node to the data source of tree and rebind and also i can see the newly created node when i exapnd the tree

Code Sample:-.

$('#APTreeView').igTree('option', 'dataSource', categoryList.d.ListNode);

$(

'#APTreeView').igTree('dataBind');

Now i have the newly created node id and text with me i want the tree to be select that newly created node and expand till the newly created node path immediately after data bind, how can i achieve this.

Thanks

Team Symantec.

Hi again,

If the node ID is the node value then you can use the nodesByValue method to find it, call select with it and expandToNode. Otherwise use the findNodesByText and find it by text and then expandToNode and select.

Let me know if this works!

Hi,

I ahve already done that as below, but still the tree is not getting expanded.

Any thoughts on this why it is not getting expanded.

var targetNode = categoryList.d.CreatedNode;
            var node = $('APTreeView').igTree("nodesByValue", targetNode.id);
            node = $('#APTreeView').igTree('nodeFromElement', node);
            $('APTreeView').igTree('select', node);
            $('APTreeView').igTree('expandToNode', node);

Thanks

Team Symantec

Hello Sandy,

I as looking at your post and  tried to reproduce the behavior that you experience.

I encountered the same issue when load on demand is enabled.

As Konstantin supposed, the nodesByValue is not returning a node element to you because the node is still not loaded.

I am attaching a sample with two igTrees (the second with LoadOnDemand) to see the difference.

Once the node is loaded on the client, select and expandToNode methods works as expected.

Hope this helps

Hey again,

I thought of something. Could you make sure that nodesByValue is returning a node element to you. Check whether node.length > 0 && node.length === 1.

Thanks,

Konstantin

Can you provide me with a small sample that reproduces the issue. I can help you further if I have that.

already did that still no luck.

Hi there.

You need to pass the node element into those functions not the node object. No need to call nodeFromElement on it. It would work if you remove that line :)