Checkboxes in ui5

[Former Member]

Hi,

I have 2 checkboxes on the screen(checkbox1,checkbox2), my requireemnt is to by default checkbox1 is selected, which is done . now when checkbox2 is selected then checkbox 1 gets unchecked , and vice a versa.

code i m writting for the same is :

// create a simple CheckBox

  new sap.ui.commons.CheckBox({

  id : "checkbox1",

  text : "checkbox1",,

  tooltip : 'Commercial Customer',

  checked : false,

  enabled : true,

  change : function(){

  alert("commercial selected");

  sap.ui.getCore().byId("checkbox2").setChecked(false);

  }

new sap.ui.commons.CheckBox({

id : "checkbox2",

checked : true,

enabled : true,

change : function(){

alert("residentail selected");

sap.ui.getCore().byId("checkbox1").setChecked(false);

}

Alers are coming but the toggling of the checkboxes are not working.

Secondly in additons to this I have to make some fields visible or hidden.

Thanks in advance

Pooja

[JoseMunoz · Accepted solution]

Hi,

You have here a working example:

http://jsbin.com/hidafu/edit?html,js,console,output

For visible or not, you can use the method setVisible.

Regards

[Former Member · Accepted solution]

Hello Jose,

This is the same code I have written but is not working in my case.

Thanks

Pooja

[JoseMunoz · Accepted solution]

Hi,

Yes, I started with your code, but for me is working. I'm using Chrome latest version and IE 11.

Do you have an error message in the console?

Thanks a lot

[Former Member · Accepted solution]

Thanks Jose,

There was some issue with other function defined in the view hence the code you suggested didn't worked for me...but it is now .

Pooja

[jamie_cawley]

I would suggest using a radio button group for this.  Most people would not expect checkboxes to work this way and may be confused.  An example of a radio button group can be found at

SAPUI5 Explored

Regards,

Jamie

SAP - Technology RIG

[Former Member]

Hi Pooja

Maybe it is good to use a model like this

JS Bin - Collaborative JavaScript Debugging

[karthikarjun]

Hi Dennis,

Nice Example, Could you please tell me, what is the use of  '{= !${display>/selected} }' and how it works

Regards,

Karthik A

[Former Member]

hi Karthik

{= !${display>/selected} }

is the same as

{

   path: 'display>/selected',

   formatter: function(sel) {

       return !sel;

   }
}

[karthikarjun]

Great