如何从SlickGrid外部获取当前已选中的行

不需要通过程序化触发事件实现需求，SlickGrid 本身提供了直接获取当前选中行的内置API，直接调用即可。 #

常规实现方式（推荐） #

SlickGrid 的行选中能力默认由 Slick.RowSelectionModel 插件提供，你可以直接在外部按钮的点击回调中调用相关API获取选中行：

// 外部按钮点击事件监听
document.querySelector('#your-custom-button').addEventListener('click', function() {
  // 获取所有选中行的索引数组，单选模式下数组长度为1
  const selectedRowIndexes = grid.getSelectedRows();
  
  if (!selectedRowIndexes.length) {
    console.log('当前未选中任何行');
    return;
  }

  // 通过索引获取选中行的完整业务数据
  const selectedRowData = grid.getData().getItems()[selectedRowIndexes[0]];
  // 后续处理你自己的业务逻辑
  console.log('选中行数据：', selectedRowData);
});

补充说明 #

你之前提到行选中后没有触发 grid.onClick、grid.onKeyDown 事件是正常情况，行选中的变化事件是由 SelectionModel 单独提供的，如果你需要监听行选中变化可以按以下方式绑定：

grid.getSelectionModel().onSelectedRangesChanged.subscribe(function(e, args) {
  // args 内包含当前选中的范围信息
  console.log('选中行更新', args);
});

程序化触发选中事件（如果确实需要） #

如果你的业务场景确实需要手动触发行选中事件，可以调用以下方法：

// 示例：程序化选中索引为1、2、3的行
grid.setSelectedRows([1, 2, 3]);
// 手动触发选中变化事件
grid.getSelectionModel().onSelectedRangesChanged.notify([
  new Slick.Range(1, 0, 3, grid.getColumns().length - 1)
]);

内容的提问来源于stack exchange，提问作者krasnit