【问题标题】:kendo paging issue on ajax request关于 ajax 请求的剑道分页问题
【发布时间】:2013-11-25 08:21:10
【问题描述】:

在初始加载后,我尝试使用 ajax 请求过滤剑道网格,因为我基于网格外的许多控件进行过滤。我的请求数据在 newObj 中是正确的,并且我从服务器获得的结果是正确的。 我正在使用此代码。

$.ajax({
    url: 'Books/GetAll',
    type: "POST",
    async: false,
    data: JSON.stringify(newObj),
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function (returnValue) {
        var grid = $('#kBooks').getKendoGrid();
        grid.dataSource.data(returnValue.GridData);
        **grid.dataSource.totalPages(returnValue.TotalCount);**
        grid.refresh();
    },
    error: function (request, status, error) {
    }
});

我得到了网格上显示的正确数据,但网格变得不再可分页,尽管我得到的 returnValue.TotalCount 超过 1 页。 我只需要知道如何在设置数据后在网格上设置总页值。 谢谢

【问题讨论】:

    标签: javascript ajax kendo-ui kendo-grid


    【解决方案1】:

    totalPages 方法无法设置总页数。如果数据源配置为服务器分页,您只需要设置总计。但是在这种情况下,数据源需要自己检索数据(使用其传输配置)。

    如果您没有启用服务器分页,则无需设置总数。数据源将对可用数据进行分页(通过data方法设置)。

    如果您启用了服务器分页,则需要更改您的实现:

    dataSource: {
      schema: {
        // Describe the response format
        data: "GridData",
        total: "TotalCount"
      },
      transport: {
        read: function(options) {
          $.ajax({
            url: 'Books/GetAll',
            type: "POST",
            async: false,
            data: JSON.stringify(newObj),
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            success: function (returnValue) {
              // notify the data source that data has been received
              options.success(returnValue);
            },
            error: function (request, status, error) {
            }
          }); 
        }
      }
    }
    

    【讨论】:

    • Atanans,感谢您的回复。但我在传输读取之外使用 ajax 方法。例如,在网格外部单击按钮时,我想使用此外部方法刷新网格而不是网格读取功能。我现在如何修复分页?
    • 我已经在回复中回答了这个问题。如果您使用服务器分页,则必须使用自定义传输。如果你不这样做 - 你不需要设置总数。
    • 嗨@AtanasKorchev我也有剑道网格分页问题我正在从ajax加载我的数据一切看起来都很好但我无法分页或调整网格大小......这是我的问题也许你可以帮助我@987654321 @
    猜你喜欢
    • 2016-04-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-10-13
    • 2011-05-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-20
    相关资源
    最近更新 更多