2

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>
4

0 に答える 0