SAPUI5 sap.ui.table：删除记录后如何取消表格行复选框选中状态

这个问题我之前也碰到过，核心原因是sap.ui.table.Table默认是基于行索引管理选中状态的，删除一行后下方行的索引会上移，原来选中的索引位置就对应到了新的行，所以才会出现你说的“自动选中下一行”的情况。下面给你两种针对性的解决方案：

方案一：如果用的是表格自带的多选（selectionMode="MultiToggle"） #

这种情况下我们需要基于数据的唯一标识来管理选中状态，而不是依赖索引：

onPressDelete: function(evt) {
  // 获取要删除记录的绑定上下文
  const deleteContext = evt.getSource().getBindingContext("familyDeta");
  // 假设你的数据项有唯一ID字段，比如"id"，先记录下来
  const deleteItemId = deleteContext.getProperty("id");
  const oTable = this.getView().byId("yourTableId"); // 替换成你的表格ID
  const oSelectionModel = oTable.getSelectionModel();
  
  // 1. 先收集当前选中的所有数据上下文，过滤掉要删除的那一条
  const selectedContexts = oTable.getSelectedContexts();
  const remainingSelected = selectedContexts.filter(ctx => ctx.getProperty("id") !== deleteItemId);
  
  // 2. 执行删除操作
  const oModel = this.getView().getModel("familyDeta");
  oModel.remove(deleteContext.getPath(), {
    success: () => {
      // 3. 清空当前选中状态，再重新选中剩下的有效项
      oSelectionModel.clearSelection();
      remainingSelected.forEach(ctx => {
        oTable.setSelectedContext(ctx, true);
      });
    },
    error: (oError) => {
      console.error("删除失败:", oError);
      // 这里可以加错误提示逻辑
    }
  });
}

方案二：如果是自定义绑定的复选框列 #

如果你是自己在表格列里加了sap.m.CheckBox，并绑定到数据模型的selected属性，那需要确保绑定是双向的，并且删除后触发模型刷新：

首先是XML视图里的复选框列配置： #

<sap.ui.table.Column>
  <template>
    <sap.m.CheckBox selected="{familyDeta>selected}" />
  </template>
</sap.ui.table.Column>

然后删除逻辑里，删除后可以手动触发绑定刷新： #

onPressDelete: function(evt) {
  const deleteContext = evt.getSource().getBindingContext("familyDeta");
  const oModel = this.getView().getModel("familyDeta");
  
  oModel.remove(deleteContext.getPath(), {
    success: () => {
      // 刷新表格的行绑定，确保UI和数据同步
      this.getView().byId("yourTableId").getBinding("rows").refresh();
    },
    error: (oError) => {
      console.error("删除失败:", oError);
    }
  });
}

关键提醒 #

不管用哪种方案，都建议给你的数据项增加一个唯一标识字段（比如ID），这样在管理选中状态时能精准定位到对应的项，避免索引带来的问题。

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