使用Knockout模板时,Knockout-Kendo ListView不会在IE中更新

时间:2013-04-03 01:27:15

标签: knockout.js kendo-ui

我有一个使用Knockout-Kendo插件绑定到Knockout ObservableArray和Template的KendoUI listview。当我将一个新项目推送到ObservableArray时,在IE7-8中查看时,Kendo ListView不会更新。适用于Chrome和Firefox。

有点奇怪的是,如果我登录到控制台,我看到可观察数组的长度为>但是,如果我在绑定了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>

0 个答案:

没有答案