How to add TreeList into template of Grid?

[VnDevil]

Hi Telerik,

 

I was trying add TreeList in Grid with ClientDetailTemplate but It's not running, I afraid Grid is not support ClientDetailTemplate with TreeList,
Can you please give me a demo about this issue?
Thanks alot

[Venelin]

Hello VnDevil,

Yes, currently this scenario is not supported, but you can initialize the treelist on client instead. Try the following:

The grid:

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.EmployeeViewModel>()
    .Name("grid")
    ...
    .ClientDetailTemplateId("template")
    .Events(events => events.DetailExpand("detailsExpand"))
)

Template:

<script id="template2" type="text/kendo-tmpl">
    <div id="treelist_#=EmployeeID#" class="treelist"></div>
</script>

DetailsExpanded handler:

function detailsExpand(item) {
    ...
    item.detailRow.find(".treelist").kendoTreeList({
       ...
    });
}

Then, through the item parameter you can access your data.

Regards,
Venelin
Telerik