Access Bound Data From Clicked List Item In Ui5 Controller

I want to fetch data from an input list item (bound to a JSON model) in UI5 (XML views & JS controller).

Solution 1:

1. Get the reference of the InputListItem (e.g. in its press-handler) or any of its child control that still has the same binding context as the one from the InputListItem.

2. Call getBindingContext(modelName?) on it with the corresponding model name as an argument to get the binding context.

3. From that context, call getObject() or getProperty(propertyName) to get the bound model data of that list item. For example:

   <InputListItemxmlns="sap.m"press=".onItemPress"label="...">

   { // ControlleronItemPress: function(event) {
       const boundContext = event.getSource().getBindingContext(/*modelName?*/);
       const data = boundContext.getObject(); /* returns: {
         i_Category: "Proteins",
         i_Points: 10,
         i_Category_ID: "PRT" 
       } */// Retrieve specific property value:const category = boundContext.getProperty("i_Category"); // returns "Proteins"
     },
   }
   

Solution 2:

// Getting the current context for the listvar myContexts = this.byId("createOrder--orderList").getBinding("items").getCurrentContexts();
// Get object binded to the contextvar myBoundDataObjects = myContexts.map(function(context) {
  return context.getObject();
});
// Looping on the bounded data to change the values of the JSON Arrayfor (var i = 0; i < myBoundDataObjects.length; i++) {
  if (myBoundDataObjects[i].i_Category_ID === categoryID) {
    myBoundDataObjects[i].i_Quantity = parseInt(Qty, 10);
    break;
  }
}
// Setting the json model in order to pass it to different methods/classesvar ordersModel = newJSONModel(myBoundDataObjects);
sap.ui.getCore().setModel(ordersModel , "ordersModel");