Kendo寻呼机未使用kendo列表视图数据源进行更新

时间:2017-01-07 12:55:40

标签: angularjs asp.net-web-api kendo-ui pagination kendo-listview

我正在使用带有剑道列表视图的kendo寻呼机。在客户端进行分页时,kendo寻呼机工作正常。在dataSource上启用服务器分页并在模式中设置数据/总计时,kendo寻呼机不起作用。 (它只显示“无要显示的项目”)。

当我使用相同的dataSource和选项(在控制器中指定)用kendo网格替换kendo列表视图时,随网格一起出现的分页(不是kendo寻呼机)效果很好(能够看到总计数)

需要让kendo-pager与kendo list视图一起使用。 (注意:这里,“Total”从WebApi控制器返回,我能够在总函数内看到正确的总数)。请在下面找到示例dataSource和list view&寻呼机选项。如果我遗失了什么,请告诉我。

vm.dataSource = {
                serverPaging: true,
                serverSorting: true,
                type:"json",
                pageSize: 10,
                transport: {
                    read:
                    {
                        url: "api/testsapi/GetResult",
                        type: "GET",
                        dataType: "json",
                        data: {},
                        processData: true,
                        cache:true
                    },                         
                },
                schema:
                {
                    type : "json",
                    total: function (e) {
                        return e.Total;
                    },
                    data: "WorklistItems"

                },
            };

vm.patientListOptions = {
            template: kendo.template($('#patientSearchTemplate').html()),

            dataSource : vm.dataSource,
            //height: 500,
           pageSize : 10,
           pageable :true
        };

        vm.pagerOptions = {                
            dataSource: vm.dataSource,
            numeric : false
        };



    <div  k-options="vm.pagerOptions" kendo-pager="pager">
</div>
<div  kendo-list-view="listView" k-options="vm.patientListOptions>
</div>

1 个答案:

答案 0 :(得分:0)

问题已解决。我的代码中出现错误:当我初始化数据源vm.dataSource = new kendo.data.DataSource时,Pager工作正常。