Question

我尝试使用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

查看一些工作样本

KendoUI递归模板

1 个答案: