在 extjs 中删除行后重新加载网格选择

Question

我有一个带有一列的网格，当用户选择它时，它用于在各种文本字段中显示信息，复选框嵌入在右侧的面板中。我已经在网格中的行级别实现了删除功能。现在我希望这两件事都发生。

1) 默认选择是在删除任何行后默认选择第一行。
或
2)右侧面板中各个组件中的信息被清除。

目前发生的情况是，与已删除行对应的信息在删除后保留，因为在网格中没有选择任何内容，因此之前选择的选项用于在右侧显示信息。

Answer 1

由于从网格中删除记录意味着取消选择它，您实际上只需要监听网格中选择的更改并在不存在选择时实现所需的行为。

我推荐selectionchange 事件，因为您可以通过检查新的选择状态来涵盖选择和取消选择：

grid.on({
    'selectionchange': function(sm, selectedRecords) {
        if (selectedRecords.length === 0) {
            // no selection -> clear fields or select the first row
        } else {
            // selection exists -> load data into fields
        }
    }
});

（假设您使用的是single selection，即可以选择一行或不选择行）