Homelab, Linux, JS & ABAP (~˘▾˘)~
 

Tag: JavaScript

Fiori / SAPUI5

[SAPUI5] uncheck checkbox if another one is selected

 , , ,

XML

1
2
<Checkbox id="Checkbox1" selected="{ path:'oModel>CB1' }" select="handleOrderSelected"></Checkbox>  
<Checkbox id="Checkbox2" selected="{ path:'oModel>CB2' }" select="handleRejectSelected"></Checkbox>

controller.js

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
handleOrderSelected: function (oEvent) {
    //Wenn Checkbox1 selektiert, setze Checkbox2 auf false.
    var bSelected = oEvent.getParameter("selected");
    if (bSelected) {
        var bindingContext = oEvent.getSource().getBindingContext("oModel");
        this.oModelTemplate.setProperty("CB2", "", bindingContext, false);
    }
},
 
handleRejectSelected: function (oEvent) {
    //Wenn Checkbox2 selektiert, setze Checkbox1 auf false.
    var bSelected = oEvent.getParameter("selected");
    if (bSelected) {
        var bindingContext = oEvent.getSource().getBindingContext("oModel");
        this.oModelTemplate.setProperty("CB1", "", bindingContext, false);
    }
}