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