Treeview with folder icon

[Mugdha Aditya]

Hello,

Am having radtreeview on my webpage for which i want to add folder icon before every node.
how to achieve that?

 

 

<telerik:RadTreeView ID="RadTreeViewSource" runat="server" Height="580px"

 

 

 

OnNodeClick="RadTreeViewSource_NodeClick" >

 

 

 

<DataBindings>

 

 

 

<telerik:RadTreeNodeBinding Expanded="false" />

 

 

 

</DataBindings>

 

 

 

</telerik:RadTreeView>

Above is my code.
am binding treeview in codebehind with datattable value.

Thanks,
Mugdha

 

[Princy]

Hello,

Try the following code which helps to loop through each node and add the ImageUrl.
ASPX:

<telerik:RadTreeView ID="RadTreeView1" runat="server" Width="300px" Height="250px" OnPreRender="RadTreeView1_PreRender">
 <DataBindings>
  <telerik:RadTreeNodeBinding Expanded="True" />
 </DataBindings>
</telerik:RadTreeView>

C#:

protected void RadTreeView1_PreRender(object sender, EventArgs e)
 {
  SqlDataAdapter adapter = new SqlDataAdapter("SELECT * FROM tree",ConfigurationManager.ConnectionStrings["NorthwindConnectionString"].ConnectionString);
  DataTable links = new DataTable();
  adapter.Fill(links);
  RadTreeView1.DataTextField = "name";
  RadTreeView1.DataFieldID = "id";
  RadTreeView1.DataFieldParentID = "parent";
  RadTreeView1.DataSource = links;
  RadTreeView1.DataBind();
  foreach (RadTreeNode node in RadTreeView1.GetAllNodes())
   {
    node.ImageUrl = "~/Images/folder.gif";
   }
 }

Thanks,
Princy.

[Mugdha Aditya]

Thaks a lot princy.. it resolved my problem :).

[Bozhidar]

Hello Mugdha,

If you need the same icon to appear before every node, you can just put it in the DataBindings section of the treeview and avoid looping through all nodes. Like so:

<DataBindings>
    <telerik:RadTreeNodeBinding ImageUrl="Folder.jpg" />
</DataBindings>

 
Regards,
Bozhidar
the Telerik team