我有一个使用 Knockout-Kendo 插件绑定到 Knockout ObservableArray 和模板的 KendoUI 列表视图。当我将新项目推送到 ObservableArray 时,在 IE7-8 中查看时,Kendo ListView 不会更新。在 Chrome 和 Firefox 中运行良好。
有点奇怪的是,如果我登录到控制台,我看到可观察数组的长度 > 0。但是,如果我在绑定视图模型并且数组已由 api 调用填充后放置一个断点,则长度为 0即使控制台条目刚刚告诉我长度> 0。
这是绑定:
<div id="lvBill" data-bind="kendoListView: { data: accounts, template: 'listTmpl', useKOTemplates: true }"></div>
这是模板:
<!-- Template for list -->
<script id="listTmpl" type="text/html">
<div class="savedBills">
<!-- ko if: fileThumbnail -->
<div style="padding: 1px 1px 2px 1px; background-color: black">
<img data-bind="attr: { src: fileThumbnail }" />
</div>
<!-- /ko -->
<div class="savedBillInfo">
<h3><span data-bind="text: carrier"></span></h3>
<h3><span data-bind="text: accountNumber"></span></h3>
<p><span data-bind="currencyString: billAmount"></span></p>
<p><span data-bind="dateString: billDate"></span></p>
<span style="float: right"><a data-bind="click: $root.deleteAccount"><i class="icon-trash"></i></a></span>
</div>
</div>
</script>