Hi,
I'd like to load all the childs elements only when i expand a particular node. What could be the proper way to do this ?
I'm guessing that i have to :
- Determine which nodes has some childs
- Create maybe a temp child node for those nodes in order to have the expansion icon.
- handle the onexpanding event, to perform an ajax call in order to retrieve the childs.
- remove the temp child node previously created and replace it with the real childs
Am i in the correct way of doing this, or there is another way ?
Thank you in advance
Regards
Hello Steeve,
Load on demand functionality enables the tree grid to request the data for the child nodes from the server as the user interacts with the grid (expands a node). This approach significantly reduces the amount of data being transferred between the browser and the server.
In order to take advantage of the remote load on demand functionality the controller action responsible for processing the requests should be decorated with TreeGridDataSourceAction attribute. As you expand a row, the grid makes an Ajax call to the server.
You can refer following sample demonstrates how to use the load on demand functionality of igTreeGrid.
http://www.igniteui.com/tree-grid/remote-features
http://www.igniteui.com/help/api/2015.2/ui.igtreegrid#options:enableRemoteLoadOnDemand
Please let me know I may be further assistance.
Thank you for your answer but i think there is a misunderstanding here, because you are talking about the TreeGrid and i'm talking about the igTree component !
Also i understand the purpose of the loadOnDemand feature already.
Thank you anyway.
After additional research, I found how to do it.
Based on the example, It appears that the igTree load-on-demand still requires the all data for the tree to be initially downloaded. If not, the example isn't clear on how to make a call when expanding a node and tell the server the parent for which data is requested so that the child nodes can be created. Is this not possible with this control? I'm talking about something similar to how you can have a different Datasource for each level in an HierarchicalGrid, where the request to populate a child grid automatically includes the key associated with the parent record.
i am new to ignite frame work, i want to develop igTree load on demand child nodes.
i want sample example in igTree when i am expanding node child node should be load on demand , above your are give in asp.net , i want only in jquery , html . please help to to develop igTree load on demand child nodes
thanks you
swarupa
Thank you for the update and I am sorry my mistake I provided you a sample of TreeGrid instead of igtree.
Following sample demonstrates the load on demand capabilities of the Tree control by configuring the ASP.NET MVC helper.
http://www.igniteui.com/tree/aspnet-mvc-load-on-demand
Please let me know I may be further assistance