How to add an Image to a parent node in a treeview?

[Casie]

Hi all,
I am IT student and I work on project in that project I want to make tree view but my client requirement is he want image on parent node of the treeview. But I don’t how to add an Image to a parent node in a tree view?, for that I asking you, I try so many things to add image but all are fails and because of this I ask you please give some useful suggestions.
Thank you.

[Praetor]

Hey I think for solving your problem you have to use following code. Using this code you able to add image in your treeview.
Dim parnod As Node

Set YAHOO.widget.TextNode.ImageList = Imgls

Set parnod = YAHOO.widget.TextNode.Nodes.Add(, , "Root", "Root Node","Closed")

parnod.ExpandedImage = "Open"
parnod.Expanded = True

Set parnod = YAHOO.widget.TextNode.Nodes.Add("Root", tvwChild, "Child1", "Child node 1", "Closed")

parnod.ExpandedImage = "Open"
parnod.Expanded = True

Set parnod = YAHOO.widget.TextNode.Nodes.Add("Root", tvwChild, "Child2", _
"Child node 2", "Leaf")
Set parnod = YAHOO.widget.TextNode.Nodes.Add("Root", tvwChild, "Child3", _
"Child node 3", "Leaf")

[kelfro]

Hey I think you in your question you not define in which language you develop your application, because of this I am not able to understand in which language code I past , but then also I give you solution in ASP language if you able clearly understand the logic behind this code then I think you able to write code in any language

Using following code you able to add Images for Root, Parent, and Leaf Nodes

<asp:TreeView ID="YAHOO.widget.TextNode" runat="server" DataSourceID="XmlDataSource1" >
<RootNodeStyle ImageUrl="~/Images/root.gif" />
<ParentNodeStyle ImageUrl="~/Images/parent.gif" />
<LeafNodeStyle ImageUrl="~/Images/leaf.gif" />
</asp:TreeView>

[Zecho]

Here I share some CSS code for adding images on your treeview with help of yahoo widget, I think this will very help code for you it is easy to understand.

var tree = new YAHOO.widget.TextNode("tdiv");
var root = tree.getRoot();
var parnod = new Txtnod("Parent Node", root, true);
var child11= new Txtnod("child1", parnod, false);
child11.labelStyle = "icon-doc";
var child12= new Txtnod("child2", parnod, false);
child12.labelStyle = "icon-ppt";
var child13= new Txtnod("child3", parnod, false);
child13.labelStyle = "icon-prv";

[absolute55]

If you use ASP.net then use following steps, in this ASP.net you need not to write code for this because of Microsoft Visual Web Developer,
Use following steps to add image in your treeview
1. In Microsoft Visual Web Developer open an existing ASP.NET page.
2. Select the Design view.
3. Using the Navigation tab, drag a TreeView control onto the page.
4. Right-click the control and click Show Smart Tag.
5. After that TreeView Tasks window is displayed.
6. Click Customize Line Images.