sapui5 ui table how to unselect the rows by unchecking the row checkbox

Question

Im facing a small issue in UI table. How can we remove the selected rows if we unselect the checkbox for a row? To get the row data im using below code and it is working fine without any issues.

getEnterDetailCount:function(oEvent){
            var oRowContext = oEvent.getParameter("rowContext");
            var oContextObject = oRowContext.getObject();
            roomsArray.push(oContextObject);
        };

Using the above method, If i select the row im able to get the Complete Row Data. But if i unselect the row, Still it is considering as a row selection and count is getting increased.

In XML im using rowSelectionChange event to check and uncheck the checkbox on the row

Can someone please help me to fix this issue? Thank you in advance.

Regards, Pavantej

Answer 1

For sap.m.table you can use getSelectedItems to get all selected rows from your table. Loop all selected rows and put them in your array.

getEnterDetailCount:function(oEvent){
  var oContextObject;
  var roomsArray = [];
  var oTable = this.getView().byId("myTable");
  var aSelectedItems = oTable.getSelectedItems();

  aSelectedItems.forEach( function(v,i){
     oContextObject = v.getBindingContext().getObject();
     roomsArray.push(oContextObject);
  });
};

For sap.ui.table you can use getSelectedIndices()

getEnterDetailCount:function(oEvent){
  var oContextObject;
  var roomsArray = [];
  var oTable = this.getView().byId("myTable");
  var aSelectedIndices = oTable.getSelectedIndices();

  aSelectedIndices.forEach( function(v,i){ 
     oContextObject = oTable.getContextByIndex(v).getObject();
     roomsArray.push(oContextObject);
  });
};