Access Image in TreeView

[Mike_T]

Hi Guys,
How do i access the image value to show/hide from code behind in a treeview using the following code
Thanks ...

<telerik:RadTreeView runat="server" ID="RadTreeView1">
    <Nodes>
        <telerik:RadTreeNode Text="03" Expanded="True">
            <Nodes>
                <telerik:RadTreeNode Text="4" Expanded="true">
                    <NodeTemplate>
                        <%# DataBinder.Eval(Container, "Text") %>
                    </NodeTemplate>
                    <Nodes>
                        <telerik:RadTreeNode Text="1">
                            <NodeTemplate>
                                <img src="Images/button_download1.gif" alt="" />
                                <%# DataBinder.Eval(Container, "Text") %>
                            </NodeTemplate>
                        </telerik:RadTreeNode>
                    </Nodes>
                </telerik:RadTreeNode>
                <telerik:RadTreeNode Text="1" Expanded="False">
                    <NodeTemplate>
                        <%# DataBinder.Eval(Container, "Text") %>
                    </NodeTemplate>
                    <Nodes>
                        <telerik:RadTreeNode Text="2">
                            <NodeTemplate>
                                <img src="Images/button_download2.gif" alt="" />
                                <%# DataBinder.Eval(Container, "Text") %>
                                </span> </div>
                            </NodeTemplate>
                        </telerik:RadTreeNode>
                    </Nodes>
                </telerik:RadTreeNode>
            </Nodes>
        </telerik:RadTreeNode>
    </Nodes>
</telerik:RadTreeView>

[Shinu]

Hi Mike,


To get a reference to the embedded control, locate the Node that has the Template, and use its FindControl server-side method.
Accessing Controls Inside Templates

Note: You need to add runat="server" to get reference to "img" control in code behind, otherwise use <asp:Image> control for the same purpose.


-Shinu.

[Mike_T]

Hi,
I changed my code to be like this but still no access to the image

<telerik:RadTreeView runat="server" ID="RadTreeView1">
    <Nodes>
        <telerik:RadTreeNode Text="03" Expanded="True">
            <Nodes>
                <telerik:RadTreeNode Text="4" Expanded="true">
                    <NodeTemplate>
                        <%# DataBinder.Eval(Container, "Text") %>
                    </NodeTemplate>
                    <Nodes>
                        <telerik:RadTreeNode Text="1">
                            <NodeTemplate>
                                <asp:Image src="Images/button_download.gif"  runat="server" id="img11" alt=""  />
                                <%# DataBinder.Eval(Container, "Text") %>
                            </NodeTemplate>
                        </telerik:RadTreeNode>
                    </Nodes>
                </telerik:RadTreeNode>
                <telerik:RadTreeNode Text="1" Expanded="False">
                    <NodeTemplate>
                        <%# DataBinder.Eval(Container, "Text") %>
                    </NodeTemplate>
                    <Nodes>
                        <telerik:RadTreeNode Text="2">
                            <NodeTemplate>
                                <img src="Images/button_download2.gif" alt="" />
                                <%# DataBinder.Eval(Container, "Text") %>
                                </span> </div>
                            </NodeTemplate>
                        </telerik:RadTreeNode>
                    </Nodes>
                </telerik:RadTreeNode>
            </Nodes>
        </telerik:RadTreeNode>
    </Nodes>
</telerik:RadTreeView>

Code Behind:

    Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
        If Not Page.IsPostBack Then
            RadTreeView1.DataBind()
            Dim node As RadTreeNode = RadTreeView1.Nodes(0)
            Dim img11 As Image = DirectCast(node.FindControl("img11"), Image)
            img11.Visible = False
        End If
    End Sub

[Nikolay Tsenkov]

Hi Mike_T,

Could you, please, try getting the control by the position of it's declaration (i.e. index), e.g. node.Controls[0] and then cast it to the appropriate type.

Also, are you sure that the node that you try to get an image from has it? Because as I see you try to get an image from the first root node, which obviously doesn't have one. Please, check that out and let me know the results.


Regards,
Nikolay Tsenkov
the Telerik team

[Mike_T]

Sorry guys,

I'm not able to solve it can you please help?

Thanks

[Helen]

Hello Mike,

Please use the code below:

//aspx:

<telerik:RadTreeView runat="server" ID="RadTreeView1">
    <Nodes>
        <telerik:RadTreeNode Text="03" Expanded="True">
            <Nodes>
                <telerik:RadTreeNode Text="4" Expanded="true">
                    <NodeTemplate>
                        <%# DataBinder.Eval(Container, "Text") %>
                    </NodeTemplate>
                    <Nodes>
                        <telerik:RadTreeNode Text="1">
                            <NodeTemplate>
                                <asp:Image src="Images/button_download.gif"  runat="server" id="img11" alt="button_download"  />
                                <%# DataBinder.Eval(Container, "Text") %>
                            </NodeTemplate>
                        </telerik:RadTreeNode>
                    </Nodes>
                </telerik:RadTreeNode>
                <telerik:RadTreeNode Text="1" Expanded="False">
                    <NodeTemplate>
                        <%# DataBinder.Eval(Container, "Text") %>
                    </NodeTemplate>
                    <Nodes>
                        <telerik:RadTreeNode Text="2">
                            <NodeTemplate>
                                <img src="Images/button_download2.gif" alt="" />
                                <%# DataBinder.Eval(Container, "Text") %>
                                </span> </div>
                            </NodeTemplate>
                        </telerik:RadTreeNode>
                    </Nodes>
                </telerik:RadTreeNode>
            </Nodes>
        </telerik:RadTreeNode>
    </Nodes>
</telerik:RadTreeView>

vb:

Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load
       If Not Page.IsPostBack Then
           RadTreeView1.DataBind()
           Dim node As RadTreeNode = RadTreeView1.Nodes(0).Nodes(0).Nodes(0)
           Dim img11 As Image = DirectCast(node.FindControl("img11"), Image)
           img11.Visible = False
       End If
   End Sub

Hope this helps.

Regards,
Helen
the Telerik team