kendo mvvm 绑定无法正常工作

Question

我正在使用 kendo observable 来绑定页面。按照我的预期执行代码，IssueHeaders 是一个对象数组，它有两个项目。第一个模板正确渲染两次，其子模板渲染 8 次。

 <div data-template="issue-detail-template" data-bind="source: IssueHeaders"></div>

<script id="issue-detail-template" class="issue-detail-template"  type="text/x-kendo-template">        
    <div  data-template="issue-group-detail-template" data-bind="source:IssueGroups"></div>
</script>

<script id="issue-group-detail-template" class="issue-group-detail-template" type="text/x-kendo-template">
    <span class="kptext" data-bind="text : Name"></span> 
</script>

但是当我将名称添加到第一个模板时，它只呈现第一个项目。

<script id="issue-detail-template" class="issue-detail-template"  type="text/x-kendo-template">
    <span data-bind="text : Name"></span>
    <div  data-template="issue-group-detail-template" data-bind="source:IssueGroups"></div>
</script>

为什么？我做错了什么？

Answer 1

将模板内容包含在 div 标记内以解决问题：

<script id="issue-detail-template" class="issue-detail-template"  type="text/x-kendo-template">
    <div>
        <span data-bind="text : Name"></span>
        <div  data-template="issue-group-detail-template" data-bind="source:IssueGroups"></div>
    </div>
</script>

这为模板内容提供了一个根元素，然后模板过程可以正常工作。至于为什么，我不能说，除了这只是一个需要注意的 quirk/shortcoming。

kendo mvvm 绑定无法正常工作

kendo mvvm binding not working properly

jquery

kendo-ui

kendo-mvvm