Question

我正在使用Web Service从数据库中检索值。我有用于将列表值从Web服务绑定到移动列表视图的Writned Fallowing代码。但是List视图中没有显示值。是否存在绑定数据的问题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>

Answer 1

<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>

试试这个

列表值未绑定到kendoui中的移动ListView

1 个答案: