0

データベースから値を取得するために Web サービスを使用しています。Web サービスからモバイル リスト ビューにリスト値をバインドするための Fallowing コードを記述しましたが、値がリスト ビューに表示されません。DB からのデータのバインドに問題はありますか。

<div data-role="view" id="flat" data-init="mobileListViewDataBindInitFlat" data-title="ListView"
    data-layout="databinding">
    <ul id="flat-listview">
    </ul>
</div>    

<script type="text/javascript">  
    $(function () {
        var dataS = new kendo.data.DataSource({
            transport: {
                read: {
                    type: 'POST',
                    url: 'mobileAppWebService.asmx/EmployeeNames',
                    dataType: 'json',
                    data: '{}',
                    contentType: 'application/json; charset=utf-8'
                },
                schema: {
                    data: 'd'
                }
            }
        });

        $("#flat-listview").kendoMobileListView({
            dataSource: dataS,
            template: "${ename}"
        });

    });       
</script>
<script>
    var app = new kendo.mobile.Application(document.body);
</script>                 
4

1 に答える 1

0
<div data-role="view" id="grouped" data-init="mobileListViewDataBindInitGrouped"
    data-transition="" data-title="ListView" data-layout="databinding">
    <ul id="grouped-listview">
    </ul>
</div>
<script type="text/x-kendo-template" id="ListViewTemplate">
    <div class="GetEmployeeData">
        <p>${EName}</p>
    </div>
</script>
<script type="text/javascript">
function mobileListViewDataBindInitFlat() {
$.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "MobileAppService.asmx/GetEmployeeData",
            dataType: "json",
            success: function (data) {
                $("#flat-listview").kendoMobileListView({
                    dataSource: data.d,
                    template: $("#ListViewTemplate").html()
                });
            },
            failure: function (msg) {
                alert(msg);
            }
        });
    }
  var app = new kendo.mobile.Application();

</script>

このようにしてみてください

于 2012-12-19T04:46:08.073 に答える