TreeViewNode.Image Property

Gets the settings of a node’s image.

Assembly : DevExpress.Web.v25.2.dll

Declaration

C#
VB.NET

csharp

public ItemImageProperties Image { get; }

Public ReadOnly Property Image As ItemImageProperties

Property Value

Type	Description
ItemImageProperties

A ItemImageProperties object that contains image settings.

Remarks

The Image property provides access to the settings that define an image displayed within the node. The specified image can be used as a link if the ASPxTreeView.NodeLinkMode property is set to the TextAndImage or ContentBounds value.

In order to assign the same image to all nodes within an ASPxTreeView, the TreeViewImages.NodeImage can be used.

Example

The code below demonstrates how you can define node images and change them, when expanding and collapsing nodes on the client side.

C#
ASPX

csharp

using DevExpress.Web.ASPxTreeView;

public partial class _Default : System.Web.UI.Page {
    protected void Page_Load(object sender, EventArgs e) {
       DataBind();
       DefineImages(ASPxTreeView1.Nodes);
    }
    protected void DefineImages(TreeViewNodeCollection nodes) {
        foreach (TreeViewNode node in nodes) {
            if (node.Nodes.Count > 0) {
                node.Image.Url = "~/Images/closed_folder.png";
                DefineImages(node.Nodes);
            }
            else {
                node.Image.Url = "~/Images/file.png";
            }
        }
    }
}

aspx

<dx:ASPxTreeView ID="ASPxTreeView1" runat="server" DataSourceID="XmlDataSource1">
<ClientSideEvents ExpandedChanged="function(s, e) {
    if (e.node.GetExpanded()){
        e.node.SetImageUrl('Images/opened_folder.png');
    }
    else {
        e.node.SetImageUrl('Images/closed_folder.png');
    }
}"/>
</dx:ASPxTreeView>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/App_Data/Site.xml"
            XPath="/mainmenu/*"></asp:XmlDataSource>