Hi,
I am facing issues in aggregation binding in sap.m.List / ColumnListItem.
My oData model will be as below:
var oData = [{
"ProductId": "Product 1",
"Remaining": "£50.00",
"Option1" : [ { "Percentage": "2.00",
"Value1": "1.00" } ],
"Option2" : [ { "Percentage": "5.00",
"Value": "2.50" } ] ,
"Option3" : [ { "Percentage": "12.50",
"Value": "6.25" } ],
"TotalDiscount": "0.00",
"PrevDiscount": "5.00",
"AuthAmount": "12.00"
},
{
"ProductId": "Product 2",
"Remaining": "£25.00",
"Option1" : [ { "Percentage": "2.00",
"Value": "0.50" } ],
"Option2" : [ { "Percentage": "5.00",
"Value": "1.25" } ] ,
"Option3" : [ { "Percentage": "12.50",
"Value": "3.12" } ],
"TotalDiscount": "0.00",
"PrevDiscount": "2.00",
"AuthAmount": "12.00"
}
];
my table structure is as below
| Products | Option1 | Option2 | Option3 | Total |
|---|---|---|---|---|
| <ProductId> | Radiobutton and a input control | Radiobutton and a input control | Radiobutton and a input control | |
| <ProductId> | Radiobutton and a input control | Radiobutton and a input control | Radiobutton and a input control |
Here the columns Option1, Option2 and Option3 will have two controls each. A Radiobutton bound to the percentage field int he model and an input control bound to the Value field. The radiobutton and the input control will be included in a vertical layout and assigned to the column.
I tried calling bindAggregation, bindItems etc but not able to see the values in UI. I tried to set the model to the List control, to sap.ui.core and also tried element bindnig.
In the console I am able to see the bindingInfos, but in the UI output, I am not able to see the values.
Please let me know the methodology for this type of complex binding requirement.
Note: I am using sap.m.* controls for my development and JS views.
regards,
Aruljothi A