Question

这是我的工作DEMO。

我有一个名为observable array的{{1}}，每个数组元素都包含另一个名为persons的数组。

我已经使用kendo模板成功绑定了人员阵列，但有谁知道我应该如何使用另一个模板绑定爱好数组。以下是我的DEMO中的代码。

代码：

hobbies

Answer 1

您需要在ul标记内使用for循环，例如：

# for (var i = 0; i < hobbies.length; i++) { #
   <li>#= hobbies[i].description#</li>
# } #

Here it is the updated fiddle

Answer 2

使用另一个名为＆＃34; hobby-template＆＃34;的嵌套模板和约束爱好＆＃34;作为那个的来源

＆＃13;

<h2>Persons Array</h2><br/>
<div id="example" data-template="template" data-bind="source: array">
</div>

<script id="template" type="text/x-kendo-template">
    <div>
            <span data-bind="text:name"></span>
            <span data-bind="text:age"></span>
            <ul data-template="hobby-template" data-bind="source: hobbies"></ul>
    </div>
</script>

<script id="hobby-template" type="text/x-kendo-template">
    <li>
         <span data-bind="text:description"></span>
         <span data-bind="text:rank"></span>
    <li>
</script>

＆＃13;

Kendo ui MVVM - 如何使用kendo模板将可观察数组和数组绑定到数组中

2 个答案: