Javascript Kendo UI Datagrid-单击最后一项按钮后,如何传递服务器分页参数以获得新结果?

Javascript Kendo UI Datagrid-单击最后一项按钮后,如何传递服务器分页参数以获得新结果?,javascript,datagrid,kendo-ui,kendo-grid,Javascript,Datagrid,Kendo Ui,Kendo Grid,我有Kendo datagrid,它在onLoad方法上初始化datagrid并从API获取JSON格式的远程数据 例如,我要显示20个正确显示的项目。问题是我无法请求下一个值按钮“下一步”未激活 如果我想通过POST将数据传递给API,我应该如何正确地实现这一点 我想,这就是服务器分页参数的原因 感谢您的建议或示例,希望您能解决此问题 以下是grid init的exe示例: 读取功能: 我将在这里发布剑道UI数据源的剑道UI API参考。看一看。 您需要传递所需的参数,以便在第一次设置后获取

我有Kendo datagrid,它在onLoad方法上初始化datagrid并从API获取JSON格式的远程数据

例如,我要显示20个正确显示的项目。问题是我无法请求下一个值按钮“下一步”未激活

如果我想通过POST将数据传递给API,我应该如何正确地实现这一点

我想,这就是服务器分页参数的原因

感谢您的建议或示例,希望您能解决此问题

以下是grid init的exe示例:

读取功能:


我将在这里发布剑道UI数据源的剑道UI API参考。看一看。

您需要传递所需的参数,以便在第一次设置后获取更多数据

myDataSource = new kendo.data.DataSource({
        transport: {
            read: { 
                url: "/api/search", 
                type: "POST", 
                dataType: "json",
                contentType: "application/json",
                parameterMap: function( data, type ) {
                    return JSON.stringify( { query: $("#searchBox").val(), start: data.page, sort: data.sort, pageSize: data.pageSize } );
                }
            }
        },
        serverPaging: true,
        serverSorting: true,
        pageSize: 100,
        schema: {
            data: "data",
            total: "total"
        }
    });
  $scope.initGrid = function () {
        var requestParams = {
            "token":"test",
            "data":{
                "test":"test"
            }
        };
        var token = localStorage.getItem($rootScope.lsTokenNameSpace);
        var dataPacket;

        dataPacket = new kendo.data.DataSource({
            transport: {
                // READ FUNCTION
                read: function (options) {
                    console.log("List");
                    // call the service
                    ApiService.doHttpRequest("POST", $rootScope.apiBaseUrl + "user/list", requestParams)
                        .success(function (data, status, headers, config) {
                            // successful data retrieval
                            console.log("request success");
                            console.log("state: "+status);
                            console.log(data);
                            options.success(data);
                            // do something with data
                        })
                        .error(function (data, status, headers, config) {
                            // do some stuff
                            console.log("request processing error");
                            console.log(data);
                        });
                },
myDataSource = new kendo.data.DataSource({
        transport: {
            read: { 
                url: "/api/search", 
                type: "POST", 
                dataType: "json",
                contentType: "application/json",
                parameterMap: function( data, type ) {
                    return JSON.stringify( { query: $("#searchBox").val(), start: data.page, sort: data.sort, pageSize: data.pageSize } );
                }
            }
        },
        serverPaging: true,
        serverSorting: true,
        pageSize: 100,
        schema: {
            data: "data",
            total: "total"
        }
    });