Kendo 网格分页不起作用

Question

我正在通过 AJAX POST 进行数据分页，并返回一个 json 结构，例如：

{
    Total: 6,
    Data: {
        {id:1,field2:'xx'},
        {id:2,field2:'xx2'},
    }
}

网格数据源配置如下：

 grid.dataSource = new kendo.data.DataSource({
                serverPaging: true,
                pageSize: 2,
                schema: {
                    data: "Data",

                    // using function for testing purposes, it goes into after data.success is set and returns 6 
                total: function(r) {
                    return r.Total;
                },
                transport: {
                    read: function(data) {
                        var token = $('[name=__RequestVerificationToken]').val();
                        var headers = {};
                        headers["__RequestVerificationToken"] = token;

                        $.ajax({
                            url: listUrl,
                            headers: headers,
                            contentType: 'application/json',
                            data: self.getFilterData(),
                            type: 'POST',
                            async: false,
                            success: function(result) {
                                data.success(result);
                            }
                        });
                    },
                }

数据绑定成功，但是寻呼机不工作，没有出现。这里缺少什么？

谢谢

Answer 1

寻呼机还需要绑定数据源：

$("#pager").kendoPager({
    autoBind: false,
    dataSource: grid.dataSource
});