Question Re: Checkboxes in ui5 in Technology Q&A

Checkboxes in ui5

Former Member — Mon, 18 Jan 2016 14:35:57 GMT

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

Re: Checkboxes in ui5

jamie_cawley — Mon, 18 Jan 2016 14:46:03 GMT

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

Re: Checkboxes in ui5

JoseMunoz — Mon, 18 Jan 2016 15:48:05 GMT

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

Re: Checkboxes in ui5

Former Member — Tue, 19 Jan 2016 03:04:12 GMT

Hello Jose,

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

Thanks

Pooja

Re: Checkboxes in ui5

Former Member — Tue, 19 Jan 2016 06:44:15 GMT

Hi Pooja

Maybe it is good to use a model like this

JS Bin - Collaborative JavaScript Debugging

Re: Checkboxes in ui5

karthikarjun — Tue, 19 Jan 2016 07:16:40 GMT

Hi Dennis,

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

Regards,

Karthik A

Re: Checkboxes in ui5

JoseMunoz — Tue, 19 Jan 2016 07:41:46 GMT

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

Re: Checkboxes in ui5

Former Member — Tue, 19 Jan 2016 07:45:45 GMT

hi Karthik

{= !${display>/selected} }

is the same as

{

path: 'display>/selected',

formatter: function(sel) {

return !sel;

}
}

Re: Checkboxes in ui5

karthikarjun — Tue, 19 Jan 2016 08:48:04 GMT

Great

Re: Checkboxes in ui5

Former Member — Fri, 29 Jan 2016 03:33:14 GMT

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