This example demonstrates how to use the server detail template in order to achieve three level hierarchy: Employees -> Orders -> OrderDetails with server binding.

Important notes:

1. Use the Template method to set the server template (used only for server binding scenarios).
2. Make sure the Name of any UI component defined in the template is unique. A property of the bound object can be used to ensure such uniqueness: Name("Orders_" + e.EmployeeID).
3. Calling the Render method is required in order to output the contents of any UI components defined in the server detail template.

Example:

<% Html.Telerik().Grid(Model)
       .Name("Employees")
       .DetailView(detailView => detailView.Template(e =>
       {
           %>
               <% Html.Telerik().Grid(e.Orders)
                       .Name("Orders_" + e.EmployeeID)
                       .DetailView(ordersDetailView => ordersDetailView.Template(o =>
                       {
                           %>
                               <%= Html.Telerik().Grid(o.Order_Details)
                                       .Name("OrderDetails_" + o.OrderID)
                                       .Pageable()
                                       .Sortable()
                               %>
                           <%
                       }))
                       .Pageable()
                       .Sortable()
                       .Render();
               %>
           <%    
       }))
       .Pageable()
       .Sortable()
       .Render();
%>