Javascript 剑道UI网格始终从第0页开始

Javascript 剑道UI网格始终从第0页开始,javascript,jquery,kendo-ui,Javascript,Jquery,Kendo Ui,我有一个剑道UI网格,它总是从0开始 如果我更改了列的排序,那么它将变为1并显示其他页码 我做错了什么 这是我的密码: $('#userGrid').kendoGrid({ dataSource: { pageSize: 5, transport: { read: { url: RO

我有一个剑道UI网格,它总是从0开始

如果我更改了列的排序,那么它将变为1并显示其他页码

我做错了什么

这是我的密码:

$('#userGrid').kendoGrid({
                dataSource: {
                    pageSize: 5,
                    transport: {
                        read: {
                            url: ROOT+"user/user-list",
                        },
                        update: {
                            url: ROOT+"user/update-user",
                            dataType: "POST"
                        }
                    },
                    error: function(e) {
                        alert(e.responseText);
                    },
                    schema: {
                        data: "data",
                        model: {
                            id: 'id',
                            fields: {
                                username: {type: "string", editable: false},
                                type: {
                                    type: "number",
                                    editable: true,
                                    validation: {required: true}
                                },
                                level: {
                                    type: "number",
                                    editable: true,
                                    validation: {required: true}
                                },
                                firstName: {type: "string", editable: true},
                                middleName: {type: "string", editable: true},
                                lastName: {type: "string", editable: true},
                                DoB: {type: "date", editable: true},
                                dateStarted: {type: "date", editable: false},
                                enabled: {
                                    type: "number",
                                    editable: true,
                                    validation: {required: true}
                                },
                            }
                        }
                    }
                },
                toolbar: ["save", "cancel"],
                sortable: true,
                pageable: {
                    refresh: true,
                    pageSizes: false
                },
                editable:true,
                columns:
                [
                    {
                    field: "username",
                    width: 90,
                    title: "Username"
                    },
                    {
                    field: "type",
                    width: 50,
                    title: "Type"
                    },
                    {
                    field: "level",
                    width: 25,
                    title: "Level"
                    },
                    {
                    field: "firstName",
                    width: 50,
                    title: "First name"
                    },
                    {
                    field: "middleName",
                    width: 50,
                    title: "Middle name"
                    },
                    {
                    field: "lastName",
                    width: 50,
                    title: "Last name"
                    },
                    {
                    field: "DoB",
                    width: 40,
                    title: "DoB",
                    template: '#= kendo.toString(DoB,"dd/MM/yyyy") #'
                    },
                    {
                    field: "dateStarted",
                    width: 40,
                    title: "Started",
                    template: '#= kendo.toString(dateStarted,"dd/MM/yyyy") #'
                    },
                    {
                    field: "enabled",
                    width: 40,
                    title: "Enabled"
                    }
                ]
            })
        })
    }
) ;
})


您的服务器是否返回总记录数

如果是,则将
模式定义为(假设
total\u size
是服务器返回记录总数的位置):

如果没有,请尝试向您的
架构
中添加一个
total
函数,该函数从
数据
数组的大小获取:

schema   : {
    data: "data",
    total: function(data) {
        return data.data.length;
    },
    model: {
        ...
    }
}

谢谢,这已经解决了页码问题,但我忘了提到,我也有“4个项目的楠楠楠”,我该如何解决这个问题?(它显示了当你对列进行排序时它应该做什么)嗯!这两个问题都应该解决!如果你点击网格刷新按钮,它会被修复吗?收到的数据是什么样子的?我在一个示例中编辑了从服务器返回的数据。剑道UI网格文档还有很多需要改进的地方!!您还知道如何实现服务器端分页和排序等功能吗?或者你知道我能读到的一个很好的参考资料吗,因为我找不到关于我正在尝试做的事情的任何东西:(我在博客中写了一些关于发送到服务器以实现它的数据,以及响应应该是什么样子的。
schema   : {
    data: "data",
    total: "total_size",
    model: {
        ...
    }
}
schema   : {
    data: "data",
    total: function(data) {
        return data.data.length;
    },
    model: {
        ...
    }
}