Dear Team,
I am selecting the node in bottom of the tree on button click, i want to show the selected node by scrolling to that node.
Some thing like VirtualScrollTo in igGrid.
Please guide how to do this
Regards,
Bala
Hello Bala R,
Thank you for contacting Infragistics!
We received your support request concerning scrolling to the node in the bottom of a tree, and I have been assigned to assist you. Infragistics is dedicated to helping you solve this issue. Our team and I have done an initial review of the functionality you described and I will be researching this behavior further for you. I will get back to you by the end of the day tomorrow with more information or questions for you. In the meantime, please do not hesitate to contact me with more questions.
I have found a way for you to achieve the functionality you were describing. You can see this in the sample which I have attached. In order to select a node and move to it, my sample first allows you to choose a node based on which parent and which child of that parent you want to select in the inputs. Once this is done, you can click on the Scroll button which will take you to the child you selected. To do this, I used the nodeByPath method to get a reference to the node we want to select. From there I called the select method on this node, and then the expandtoNode method. This gives you the behavior you are looking for. Please let me know if you need any clarification, or if I can be of further assistance.
Hi
Thanks for your reply.
I am having tree in a div which has scroll in it.if i select the node which is bottom of the tree on button click, i want the selected node in top of the div (scrollTop).
Hi,
I have modified your code for my scenario.
Attached for your reference .
Bala.
Hello Bala,
Please view the attached sample for the functionality you are describing. Using the jQuery animate function with scrollTop, I was able to scroll to the selected node. You may need to play with the offset to get the scroll to your liking. Please let me know if I can be of further assistance.
Hi Team,
Thanks for this sample.
But when i try the same in my application, first time it is not coming, but next time onwards it is coming correctly.
Can you please help me in this.
Thanks
Is there anything else I can assist you with on the matter? Please do not hesitate to contact me with more questions.
I am not exactly sure what you mean by 'I could not able to get the log of "I" the sample'. Please clarify what you meant here so that I can give you a proper explanation.
If you are asking what the variable 'i' does in the sample, it is simply used as a counter to change the id of the selected node each time so that no two nodes have the same id. I hope this clears things up for you. If this is not what you are asking, please respond with the said clarification. I look forward to hearing back from you soon.
hi ,
Thanks it got worked. But i could not able to get the log of "i" the sample. if you could explain that would be great.
Sorry for delay response.
Please review the updated sample which corrects the issue you were referencing. Please let me know if there is anything else I can assist you with on the matter.