1

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>

4

1 に答える 1

1

問題を解決しました。endlessScroll: trueその行が含まれていると機能しない理由がわからない行を削除する必要がありました。

于 2013-10-11T09:39:28.747 に答える