Radiobutton

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);
}

Post a Comment

Previous Post Next Post