Knockout-Kendo プラグインを使用して Knockout ObservableArray と Template にバインドされた KendoUI リストビューがあります。新しいアイテムを ObservableArray にプッシュすると、IE7-8 で表示すると Kendo ListView が更新されません。Chrome と Firefox で正常に動作します。
奇妙なのは、コンソールにログを記録すると、監視可能な配列の長さが 0 を超えていることがわかります。しかし、viewmodel がバインドされ、配列が 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>