RadTreeNode with Image

[Venkata]

Hello,
I want to create TreeNodes with images(NodeText + Image)
Here is something like...

Private void LoadNodes()
{
  RadTreeView.Nodes.Clear();
  RadTreeNode node1 = new RadTreeNode();
  node1 = new RadTreeNode("Node Text" + Image with client Click event, "Node Value")                       node1 .Attributes.Add("IsFirstLevel", "Yes");                                                                                         RadTreeView.Nodes.Add(node1 );
}

How can i do?

[Ivan Danchev]

Hello,

If you want to add a new child node with an image and text displayed you can do the following:

protected void Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        RadTreeNode root1 = new RadTreeNode("root1");
        RadTreeNode root2 = new RadTreeNode("root2");
        RadTreeNode child1 = new RadTreeNode("child1");
        child1.ImageUrl = "~/Images/telerik.png";
        root2.Nodes.Add(child1);
        RadTreeView1.Nodes.Add(root1);
        RadTreeView1.Nodes.Add(root2);
    }
}

This creates two root items and adds a child item to "root2", passing the image path to the ImageUrl property of "child1". Then we add the root items to the RadTreeView control.

Regards,
Ivan Danchev
Telerik

 

 

[Venkata]

Hello,
I know that is the simple way display Image + Text 

But my question was, I want to Text First then Image ( Text + Image). add Onlick client event to Image 

Thank you

[Ivan Danchev]

Hello,

The following forum discussion shows how you can change the place of the image using jQuery with RadTreeView control.

Regards,
Ivan Danchev
Telerik