show/hide field based on radio button press in sap ui5.

Hi anoop krishnan,

Create two radio buttons and add event in radio buttons and control visibility of F1 & F2 in the method inside controller

It cannot be achieved directly in view.

Thanks,

Ashutosh

Hi Anoop,

I have a similar requirement.

please share your code if you resolved it.

Thank you in advance.

Hi Anoop,

Change your code in View to :

<RadioButtonGroup  id="aadhar" columns="2" select="handleSelect"> 
<RadioButton text="Yes" ></RadioButton>
<RadioButton text="No" ></RadioButton>
</RadioButtonGroup>

Change Your code in controller to:

function: handleSelect(){ 
var selected = this.getView().byId("aadhar").getSelectedButton().getText(); 
if(selected === 'Yes'){
this.getView().byId('F2').setVisible('false'); 
}else 
{
this.getView().byId('F1').setVisible('false');}
}

Hope this works !

Thanks,

kathiravan B S.

Dear Anoop

Please do as below

In your radio button set handle.

<RadioButton select="_handleSelect">

Handle it in controller as below

_handleSelect: function(oEvent){
   var selected = oEvent.getSource().getSelected();
   var hfield = sap.ui.getCore().byId('yourfield');

   hfield.setVisible(selected);
}

Regards,

Venkat

Hi

Sorry, please toggle it as below.

_handleSelect: function(oEvent){
    var hfield = sap.ui.getCore().byId('yourfield');
   hfield.setVisible(false);
}

Please change the code as above.