Рекурсивный шаблон KendoUI

Question

I cam пытается построить ListView с помощью KendoUI.

Из-за этого мне нужно создать ClientTemplate.

Но я хочу знать, после создания ClientTemplate, как я могу использовать этот шаблон внутри себя.

Другими словами, я хочу создать Recursive Template, если это имеет смысл.

Это то, что я до сих пор:

<script type="text/x-kendo-tmpl" id="template"> 
    <div class="submenu-item"> 
     #:Name# 
    </div> 
    <div class="submenu-children"> 
     # foreach (var child in ChildElements) { # 
      // In here I want to reuse this same template. 
     #}# 
    </div> 
</script> 

Идея это так, что я могу создать ListView элементов и всех его детей. Я бы отформатировал детей, чтобы их слегка вставляли в закладки.

Любая помощь будет мне очень признательна.

Answer 1

Вам не нужно делать #foreach внутри шаблона, просто сделать вызов

#= kendo.render(kendo.template($("\\#template").html()), data.ChildElements) # 

Вы можете столкнуться с ошибкой, если самый нижний дочерние элементы не имеют свойство ChildElements в этом случае просто добавьте

# if(data.ChildElements !== undefined && data.ChildElements.length > 0) { # 
    #= kendo.render(kendo.template($("\\#template").html()), data.ChildElements) # 
# } # 

См несколько рабочий образец на http://jsbin.com/fagawo/1/edit?html,js,output