Slickgrid 与 CheckboxSelectColumn 插件如何使用 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);
}