This is a migrated thread and some comments may be shown as answers.

[Solved] Adding your own content to the TreeView

14 Answers 326 Views

TreeView

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

14 Answers, 1 is accepted

answered on 06 Apr 2010, 11:46 AM

Hi,

Sorry let me give a better explanation. Basically I want an equivalent of the Text property that allows arbitrary HTML; I can't see a way to do this currently. Text escapes HTML. Content doesn't work; it adds a new child node. For example say I wanted the leaf nodes in my tree to have bold text:

    
            <% Html.Telerik().TreeView()  
        
                .Name("Example")  
        
                .BindTo(Model, mappings => 
        
                {  
        
                    mappings.For<Node>(binding => binding  
        
                        .ItemDataBound((item, node) => 
        
                        {  
        
                            item.Text = node.Name;  
        
                            item.Expanded = true;  
        
                        })  
        
                        .Children(node => node.Leaves));  
        
                    mappings.For<Leaf>(binding => binding  
        
                        .ItemDataBound((item, leaf) => 
        
                        {  
        
                            item.Content = () => 
        
                            { %>   
        
                                <strong><%= leaf.Name %></strong>  
        
                         <% };  
        
                        }));  
        
                }).Render(); %>

Doesn't work because the leaves are displayed with no text but a plus icon to expand which reveals the leaf name. My current workaround is something like this:

    
            <% Html.Telerik().TreeView()  
        
                .Name("Example")  
        
                .BindTo(Model, mappings => 
        
                {  
        
                    mappings.For<Node>(binding => binding  
        
                        .ItemDataBound((item, node) => 
        
                        {  
        
                            item.Text = node.Name;  
        
                            item.Expanded = true;  
        
                            item.Content = () => 
        
                            { %> 
        
                                <ul> <%  
        
                                foreach(var leaf in node.Leaves)  
        
                                { %> 
        
                                    <li><strong><%= leaf.Name %></strong></li> 
        
                             <% } %> 
        
                                </ul> 
        
                         <% };  
        
                        }));  
        
                }).Render(); %>

Which kind of defeats the point of having the Children binder...

What I'd like I guess is an item.Html property I can use instead of item.Text. And what I'd really like is an equivalent of the Content property but just for the text, so I could do things like create action links on the fly and use them in the node name.

Cheers,

Kev

answered on 08 Apr 2010, 11:10 AM

Hello Kevin,

Thank you for the explanation. Now that the requirement is clear, what do you find more intuitive? We can

an Encoded property, which will toggle between encoded and non-encoded Text
a Template property, which will allow you to format the text in some way that you want - like
.Template = (item) => String.Format("<strong>{0}</strong>", item.Text);

Either way, until the property is implemented, you can override the Text method in TreeViewHtmlBuilder (derived from NavigationHtmlBuilderBase) to use LiteralNode rather than TextNode:

return new LiteralNode(Component.GetItemText(item, ActionMethodCache));
Kind regards,
Alex Gyoshev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 03 May 2010, 06:49 AM

Hi,

I would like to know current situation of adding your own content to the TreeView leaves. Is this Encoded property implemented, if not then what is the timetable?

I have little bit problems of overriding Text method.. I tried to override it like this, but I get "No suitable member found to override". Am I doing it incorrectly?

public class MyTreeViewHtmlBuilder : TreeViewHtmlBuilder

{

public override IHtmlNode Text(TreeViewItem item)

{

}
}

Thanks,
-Tatu

Accepted

answered on 09 Jun 2010, 04:39 PM

I am also trying to put custom content into the treeview using the .Text property and .Encoded = false. However, when I post the page, I get:

Server Error in '/' Application.

A potentially dangerous Request.Form value was detected from the client (itemValue="...nvitation <a class="AddPropert...").

Apparently, the control puts the contents of the .Text property of the TreeViewItem into hidden form fields, presumably to maintain state. If so, can this behavior be changed to disable state, or to store it in the session instead?

Thanks!