Intersoft Community - WebTreeView - Automatic positioning of Scrollbar when a node searched

Automatic positioning of Scrollbar when a node searched

erwinintersoft — Thu, 21 Apr 2016 02:05:32 GMT

Hello Shailendra,

Thank you for the information. That solution should be useful for future reference. Sorry if I couldn't help much on the issue.

Best Regards,
Erwin Sanders

Automatic positioning of Scrollbar when a node searched

shailendra.senger — Wed, 20 Apr 2016 18:20:47 GMT

Hi Erwin, You used FlyPostback, my application can't used that as I need to display node's information on controls (textbox, radiobuttons etc.) inside tabs. This solution again wont work for me. However I figured out my self by calling below code, on window onload and clientside node expanstion event. var selectedNode = ISGetObject('DesignerTreeView').GetSelectedNode(); selectedNode.GetElement().scrollIntoView() That worked for me. Thanks, Shailendra Singh

Automatic positioning of Scrollbar when a node searched

erwinintersoft — Mon, 18 Apr 2016 02:38:00 GMT

Hello,

Thank you for the additional information about postback. I managed to modify the function to suit your needs. Using ISPosLib.getTopW3C, it's possible to get the node position value for the scrollTop property. I also substract it with the WebTreeView frame element itself in case you aren't placing the WebTreeView on top of the page.

I attached the modified sample for you.

Hope this helps.

Best Regards,
Erwin Sanders

Automatic positioning of Scrollbar when a node searched

shailendra.senger — Thu, 14 Apr 2016 15:24:31 GMT

Thanks for your reply. I just modified your sample with runtime binding of treeview and enabling selected node postback as per my my application requirement. Same solution doesnt work.

Automatic positioning of Scrollbar when a node searched

erwinintersoft — Thu, 14 Apr 2016 01:22:35 GMT

Hello,

That's odd, it works everytime on my end though. I'm using WebTreeView 2 and had it tested on Chrome and IE 11. Have you modified the function to suit your needs? Anyway, I'm sending you a webform showing you how I implement the function itself.

Had you find any trouble with my sample, please let me know.

Best Regards,
Erwin Sanders

Automatic positioning of Scrollbar when a node searched

shailendra.senger — Wed, 13 Apr 2016 15:27:43 GMT

Hi Erwin, Thanks for your response. Above solution does not works always. If a node is already expanded and then search it, the scroll bar is not being set properly and not making the searched node visible. It works randomly.

Automatic positioning of Scrollbar when a node searched

erwinintersoft — Wed, 13 Apr 2016 04:45:39 GMT

Hello Shailendra,

Here's a snippet code to fill your request. In this code, it's also possible to expand only the searched node if the WebTreeView is in collapsed mode.

function btn_Click() {
    var txt = document.getElementById("TextBox1").value;
    var treeview = ISGetObject("WebTreeView1");
    var frameelement = treeview.GetFrameElement();

    //use this to expand searched node's parents
    var node = treeview.FindNodesByText(txt)[0];
    var parent = node.Parent;
    while (parent && parent.Expand) {
        parent.Expand();
        parent = parent.Parent;
    }

    //this is for showing the searched node
    node.Select();
    frameelement.children[0].scrollTop = ISPosLib.getTopW3C(node.GetElement());
}

Hope this helps.

Best Regards,
Erwin Sanders

Automatic positioning of Scrollbar when a node searched

shailendra.senger — Tue, 12 Apr 2016 15:12:31 GMT

I have a treeview having more than 2000 nodes, so when I search a node(that resides quite below in treeview or all the nodes expanded), using Find functionality, It become selected but didn't come up to treeview visible area. I mean, you have to manually scroll down up to found node.

Is there a way to bring the searched node up or can set the scroll bar position infront of searched node.

Waiting for your response.

Thanks!

Shailendra Singh