How to get selected radio button in controller

Question

I have a view ..

<mvc:View controllerName="quiz.controller.View1"
  xmlns:mvc="sap.ui.core.mvc"
  xmlns="sap.m"
  displayBlock="true"
>
  <App>
    <Page title="{i18n>title}">
      <Text text="{questions>/question/text}" />
      <RadioButtonGroup columns="5">
        <RadioButton id="RB3-1" text="{questions>/question/option/1}" />
        <RadioButton id="RB3-2" text="{questions>/question/option/2}" />
        <RadioButton id="RB3-3" text="{questions>/question/option/3}" />
        <RadioButton id="RB3-4" text="{questions>/question/option/4}" />
      </RadioButtonGroup>
      <Button text="Default" press=".onPress" />
    </Page>
  </App>
</mvc:View>

.. in which there is a radio button group with four options. I was looking to display one of the radio buttons as selected as soon as the button is pressed.

sap.ui.define([
  "sap/ui/core/mvc/Controller",
  "sap/m/MessageToast"
], function(Controller, MessageToast) {
  "use strict";

  return Controller.extend("quiz.controller.View1", {
    onPress: function(evt) {
      // MessageToast.show(); over here I want to show the button which is pressed
    }
  });
});

How do I do it? I tried by using document.getElementById() but it's not working here.

Jaro · Accepted Answer · 2017-07-13 13:49:28Z

2

You need to give id to:

<RadioButtonGroup id="IDRadioButtonGroup"

and access it in the button method:

onPress:  function(){
   var oIDRadioButtonGroup = this.byId("IDRadioButtonGroup");
   console.log("BUTTON: " + oIDRadioButtonGroup.getSelectedButton());
}

Here is example.

answered Jul 13, 2017 at 13:49

Jaro

1,7521 gold badge16 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get selected radio button in controller

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related