プルダウン リフレッシュに問題があります。最初は機能しますが、別のビューに変更してから元のビューに戻ると、Pull to refresh
テキストRelease to refresh
が重複して重複しているように見えます。ここでデータソースのデータを「ハードコーディング」しています。トランスポート ajax は使用したくありません。
setOptions
pull
Kendo に ajax 経由で更新させるのではなく、メソッド内のデータを手動で更新しようとしています。実際のデータ更新が機能します。Javascript エラーはなく、Chrome と Firefox で同じ結果が得られます。
初めての作品:
別のビューに移動した後、このビューに戻り、プルダウンします。
私のビューコードは次のとおりです。
<div id="subitem-view" data-role="view" data-show="showSubItems">
<div data-role="header">
<div data-role="navbar">
</div>
</div>
<ul id="subItemList" class="itemList">
</ul>
<script id="subItemTemplate" type="text/x-kendo-template">
#:Name#
</script>
</div>
Javascript:
function showSubItems(e) {
var subItems = new kendo.data.DataSource({
data: [
{ Name : "Test1" },
{ Name : "Test2" }
]
});
e.view.element.find("#subItemList").kendoMobileListView({
dataSource: subItems,
pullToRefresh: true,
template: kendo.template($("#subItemTemplate").html())
});
if (typeof (e.view.scroller.pull) == "undefined") {
e.view.scroller.setOptions({
pull: function () {
console.log("pull event...");
subItems.data([
{ Name : "Test1 Updated" },
{ Name : "Test2 Updated" }
]);
setTimeout(function () { e.view.scroller.pullHandled(); }, 400);
}
});
}
}