Kendo ui mobile と Phonegap を使用してモバイル アプリを開発しています。JSON データを持っています。この JSON を kendo ui モバイル リストビューにバインドします。次のコードを試しましたが、機能しません。リストビューも表示されません。誰でも私を助けてもらえますか?ありがとう。
function mobileListViewEndlessScrolling() {
var dataSource = new kendo.data.DataSource({
serverFiltering: true,
transport : {
read: {
type : "GET",
url : "http://www.json-generator.com/j/bZnjoTdIuq?indent=4",
contentType: "application/json; charset=utf-8",
dataType : "json",
error : function (xhr, ajaxOptions, thrownError) {
alert("error " + xhr.responseText);
}
}
},
schema : {
data: "Data"
},
type : "json",
parameterMap : function (options) {
return JSON.stringify(options);
}
});
$("#endless-scrolling").kendoMobileListView({
dataSource: dataSource,
template: $("#endless-scrolling-template").text(),
endlessScroll: true
});
}
これが私のリストビューアイテムテンプレートです。
<script type="text/x-kendo-tmpl" id="endless-scrolling-template">
<div class="product">
<img src="images/image.jpg" alt="#=ProductName# image" class="pullImage"/>
<h3>#:ProductName#</h3>
<p>$#:kendo.toString(UnitPrice, "c")#</p>
<a id="minus" data-role="button" onclick="minus(#:ProductID#)" >-</a>
<label id=#:ProductID#>0</label>
<a id="plus" data-role="button" onclick="plus(#:ProductID#)" >+</a>
<a id="loginButton" data-role="button" data-click="login">Add to Cart</a>
<div class="console"></div>
</div>