搜索的 Slickgrid 分页问题 - 当 pagesize = 第二页上的搜索项目计数时，页码错误

Question

如果我在大于 1 的页面上进行搜索，并且从搜索返回的项目数等于页面大小，则该页面不会翻回上一页并显示错误的页码。

例如，如果我有 5 个项目并且页面大小设置为 4。如果我在返回 4 个项目的第二页上进行搜索，那么页面将不会翻转回第 1 页，并且网格显示第 2 页1.

如果我更改 example4，我也会得到同样的错误 - http://mleibman.github.io/SlickGrid/examples/example4-model.html

替换此代码 -

  for (var i = 0; i < 50000; i++) {

    var d = (data[i] = {});
    d["id"] = "id_" + i;
    d["num"] = i;
    d["title"] = "Task " + i;
    d["duration"] = "5 days";
    d["percentComplete"] = Math.round(Math.random() * 100);
    d["start"] = "01/01/2009";
    d["finish"] = "01/05/2009";
    d["effortDriven"] = (i % 5 == 0);
  }

有了这个 -

  var x;

  for (var i = 0; i < 5; i++) {
      var d = (data[i] = {});

      if (i == 0)
          x = "1";
      if (i == 1)
          x = "11";
      if (i == 2)
          x = "111";
      if (i == 3)
        x = "1111";
      if (i == 4)
          x = "2";

    d["id"] = "id_" + i;
    d["num"] = i;
    d["title"] = "Task " + x;
    d["duration"] = "5 days";
    d["percentComplete"] = Math.round(Math.random() * 100);
    d["start"] = "01/01/2009";
    d["finish"] = "01/05/2009";
    d["effortDriven"] = (i % 5 == 0);
  }

添加这一行 -

 dataView.setPagingOptions({pageSize: 4});

转到第 2 页并搜索任务 1。它应该是 Showing Page 2 of 1。

Answer 1

我认为您的 rowCount 没有更新。您是否在脚本中添加了此内容？

dataView.onRowCountChanged.subscribe(function (e, args) {
  grid.updateRowCount();
  grid.render();
});

dataView.onRowsChanged.subscribe(function (e, args) {
  grid.invalidateRows(args.rows);
  grid.render();
});

更新：在您的 slick.dataview.js 中添加此代码。在第 750 行附近找到这个

  var paged;
  if (pagesize) {
    if (filteredItems.length < pagenum * pagesize) {
      pagenum = Math.floor(filteredItems.length / pagesize);
    }
    //.. add this code
    // START
    if (filteredItems.length == pagenum * pagesize && pagenum > 0)
        pagenum --;
    // END
    paged = filteredItems.slice(pagesize * pagenum, pagesize * pagenum + pagesize);
  } else {
    paged = filteredItems;
  }