SAPUI5 UI Table取消勾选复选框时如何取消行选中状态

我来帮你搞定这个小问题～你现在的代码只处理了选中行时添加数据的逻辑，但完全没考虑取消勾选的情况，所以取消后数据还留在roomsArray里，自然会被计入选中数据啦。下面给你两种实用的解决方案：

方案1：手动维护数组，处理选中/取消逻辑 #

这种方法需要我们先判断当前行是被选中还是取消，然后对应添加或移除数据：

getEnterDetailCount:function(oEvent){ 
    // 第一步：获取当前行的选中状态
    var isSelected = oEvent.getParameter("selected"); 
    var oRowContext = oEvent.getParameter("rowContext"); 
    var oContextObject = oRowContext.getObject(); 
    // 假设你的行数据有唯一标识（比如id），用来精准定位数组元素
    var uniqueKey = oContextObject.id; 

    if(isSelected){
        // 选中时：先检查数据是否已存在，避免重复添加
        var isAlreadyInArray = roomsArray.some(item => item.id === uniqueKey);
        if(!isAlreadyInArray){
            roomsArray.push(oContextObject);
        }
    } else {
        // 取消选中时：过滤掉当前行的数据，更新数组
        roomsArray = roomsArray.filter(item => item.id !== uniqueKey);
    }
};

关键说明： #

• 一定要用唯一标识（比如id、唯一编码）来判断数组中的元素，避免因为数据重复导致误删或重复添加
• some方法用来检查元素是否已存在，filter方法用来移除指定元素，都是JS数组的常用方法，兼容性很好

方案2：利用表格API直接获取选中项（更推荐） #

如果你的UI组件（比如SAP UI5的Table）自带选中项管理的API，完全不用自己维护数组，直接获取最新的选中列表即可：

getEnterDetailCount:function(oEvent){ 
    // 获取触发事件的表格实例
    var oTable = oEvent.getSource();
    // 获取所有选中的行项
    var selectedRowItems = oTable.getSelectedItems();
    // 把选中项转换为你需要的数据数组
    roomsArray = selectedRowItems.map(item => item.getBindingContext().getObject());
};

为什么推荐这个方案？ #

表格组件会自动帮你处理选中、取消的状态维护，你不用再操心添加/移除的细节，代码更简洁，也不容易出现状态不一致的bug。

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