[Solved] Problem with rendering of TreeView Content

[Srdjan]

Hi I am using Telerik tree view with Ajax binding. I have a category tree where each category can have one or more categories and so on.

When I want to add custom html content to the tree view item, by using the Content property, expand/collapse buttons disappear. Also content I am setting is not displayed. When I look at the generated HTML, I can found that span with class 't-plus' and span with class 't-content' have style property set to 'display:none'.

Everything is working as expected when I remove following code:

item.Content = (() => {%> add template <%  });

Here is the code that I am using in my view and that is working as expected:

<%
    Html.Telerik().TreeView().Name("TreeView").ShowCheckBox(true).DragAndDrop(
        settings => settings.Enabled(true)).BindTo(
            Model.RootCategories,
            mappings =>
            {
                mappings.For<CategoryViewModel>(
                    binding => binding.ItemDataBound(
                        (item, category) =>
                        {
                            // bind initial data - can be omitted if there is none
                            item.Text = category.Title + "<span>bla</span>";
                            item.Value = category.CategoryID.ToString();
                            item.LoadOnDemand = category.HasChildren;
                            item.Encoded = false;
                            if (checkedNodes != null)
                            {
                                var checkedNode =
                                    checkedNodes.Where(
                                        e =>
                                        e.Value.Equals(category.CategoryID.ToString())).
                                        FirstOrDefault();
                                item.Checked = checkedNode != null
                                                   ? checkedNode.Checked
                                                   : false;
                            }

                                                       }));
                                       }).DataBinding(
                                           dataBinding => dataBinding.Ajax().Select("_AjaxLoading", "Category"))
                                          .ClientEvents(
                                   events =>
                                   events.OnNodeDrop("onNodeDrop").OnNodeDropped("onNodeDropped").OnSelect("onSelect").
                                       OnChecked("onChecked")).HtmlAttributes(new { @class = "t-group" }).Render();
%>

Could you please take a look into this problem?

[Diana]

Hi, I have the same problem (problems with rendering Content and missing plus buttons after adding Content section)- do you find some solutions or have any advice, how to solve this problem ?

[Alex Gyoshev]

Hi Diana, Srdjan,

This appears to be a bug in the TreeView, which we will investigate. A workaround is to have an element around the template text, like

item.Content = (() => {%> <span>add template</span> <%  });

Greetings,
Alex Gyoshev
the Telerik team