带有CheckboxSelectColumn插件的Slickgrid如何使用cookie维护已检查状态

Question

我想在我的slickgrid中实现保存和恢复已检查状态（检查和取消选中）行。

行检查状态应该保存为cookie。在分页或页面重新加载后，应该恢复复选框。

从哪里开始（slick.rowselectionmodel.js或slick.checkboxselectcolumn.js？）

Answer 1

您可以非常轻松地访问和恢复所选行，但最好使用localStorage而不是Cookie：

window.onbeforeunload = function(){
  var rows = grid.getSelectedRows();
  if (+rows) localStorage['selectedRows'] = JSON.stringify(rows);
  else delete localStorage['selectedRows'];
}

然后初始化网格时：

var grid = new Slick.Grid('#myGrid', data, columns, options);
grid.setSelectionModel(new Slick.RowSelectionModel({selectActiveRow: false}));
grid.registerPlugin(checkboxSelector);
if ('selectedRows' in localStorage) {
  var rows = JSON.parse(localStorage['selectedRows']);
  grid.setSelectedRows(rows);
}