ASP.NET 2.0 TreeView (expand on click of text)?

05-10-2006, 03:01 AM

mcdonnc2004 mcdonnc2004 is offline

Junior Contributor

Join Date: Dec 2003

Location: Liverpool, UK

Posts: 276

ASP.NET 2.0 TreeView (expand on click of text)?

I am playing about with the two menu systems in VWD trying to create the best one for non-savvy users. I think the simplicity of the TreeView control is ideal but the one thing that would throw users is only being able to click on the arrows at the side to expand the menu!

Is there a way to get the TreeView to expand by clicking on the parent node text as well as the arrow?

Also, it would be nice if open nodes closed when you clicked on a different node. Currently, you can expand all nodes which can take up a lot of space. Can an open node collapse automatically when a different node is clicked? I cannot find a property that would do this.

Thanks.

05-10-2006, 07:35 AM

wayneph

Web Junkie

Retired Moderator
* Expert *

Join Date: Apr 2004

Location: D/FW, Texas, USA

Posts: 8,393

I didn't see any properties to get what you're looking for automatically either. One option would be to take a look at what is generated by the code, and create a new class that inherits from the existing node class. Then you can make it clickable.

You could also probably add the appropriate javaScript to close the open node, but I'm not sure the easiest place to add it. But again, I'd do it in an inherited class.

__________________
-- wayne, MSSM Retired
> SELECT * FROM users WHERE clue > 0
0 rows returned

05-11-2006, 02:40 AM

mcdonnc2004 mcdonnc2004 is offline

Junior Contributor

Join Date: Dec 2003

Location: Liverpool, UK

Posts: 276

I was afraid that would be the answer! I'm rubbish with Javascript but I'll give it a go. Thanks wayneph.

05-11-2006, 07:21 AM

mcdonnc2004 mcdonnc2004 is offline

Junior Contributor

Join Date: Dec 2003

Location: Liverpool, UK

Posts: 276

Ok, I tried with the client side code but I am really bad with Javascript so I went back to client side coding and managed to get this working:

Code:

Protected Sub TreeView1_TreeNodeExpanded(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.TreeNodeEventArgs)
        For Each tn As TreeNode In TreeView1.Nodes
            If tn.Value <> e.Node.Value Then
                tn.Collapse()
            End If
        Next
    End Sub

I set the SelectAction of the TreeView to SelectExpand and that works. I can click on the text to make it expand and with the code above it will collapse all open nodes except the one I'm on but it posts back to the server each time you expand!

Does anyone know of a way through Javascript to acheive what I need? The part I can figure out on my own is that maybe I need to point the URL of each parent node to a Javascript function and within this function provide the code that can expand/collapse nodes when the text is clicked.

Its the actual code for this function that I really cannot do!