我正在使用 Kendo ui mobile 和 Phonegap 开发一个移动应用程序。我有一个 JSON 数据,Here。我想将此 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>