Radiobutton
View.xml
<Page title="Title" class="sapUiSizeCompact" >
<content>
<HBox class="sapUiSmallMargin">
<RadioButtonGroup id="sd" columns="2" select="xyz" class="sapUiMediumMarginBottom" selectedIndex="0">
<buttons>
<RadioButton id="rb1" text="Customer" />
<RadioButton id="rb2" text="Prospect"/>
</buttons>
</RadioButtonGroup>
</HBox>
<HBox id="h1">
<Label text="Customer Id :" labelFor="multiInput" class="sapUiSmallMarginBeginEnd sapUiTinyMarginTopBottom"/>
<MultiInput
id="multiInput"
valueHelpOnly="true"
valueHelpRequest=".onValueHelpRequested" >
</MultiInput>
<Button icon= "sap-icon://search" class="sapUiTinyMarginBeginEnd" ></Button>
<Button icon= "sap-icon://refresh" ></Button>
</HBox>
<HBox id="h2">
<Label text="Prespect Id :" labelFor="multiInput" class="sapUiSmallMarginBeginEnd sapUiTinyMarginTopBottom "/>
<Label text=" "></Label>
<MultiInput
id="multiInput1"
valueHelpOnly="true"
valueHelpRequest=".onValueHelpRequested">
</MultiInput>
<Button icon= "sap-icon://search" class="sapUiTinyMarginBeginEnd" ></Button>
<Button icon= "sap-icon://refresh"></Button>
</HBox>
</content>
</Page>
controller.js
onInit: function() {
/*this.getView().byId("h1").setVisible(false);
this.getView().byId("h2").setVisible(false);*/
this.xyz();
},
xyz : function(){
debugger;
var a = this.getView().byId("sd").getSelectedIndex()
a=="0"? this.getView().byId("h1").setVisible(true):this.getView().byId("h1").setVisible(false);
a=="1"? this.getView().byId("h2").setVisible(true):this.getView().byId("h2").setVisible(false);
}