1

我正在使用 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>

4

1 回答 1

1

我已经解决了这个问题。我不得不删除endlessScroll: true我不知道为什么它不适用于包含该行的行。

于 2013-10-11T09:39:28.747 回答