Выполнить функцию с помощью переключателей в Ui5
Привет, я попытался вызвать функцию с помощью этого кода. Но каждый раз, когда я получал ошибку «Uncaught ReferenceError: onPressSize не определен», я пробовал несколько подходов, но всегда одно и то же, что я делаю не так? Спасибо за помощь!
Код:
var selectedKeySize = this.byId("NotebookSizeSelection").getSelectedIndex();
switch (selectedKeySize) {
case 0:
console.log("Small")
onPressSize();
break;
case 1:
console.log("Mid")
onPressSize();
break;
case 2:
console.log("Big")
onPressSize();
break;
}
},
onPressSize: function () {
var Buttons = this.byId("NotebookSizeSelection");
console.log("BUTTON: " + Buttons.getSelectedButton());
}
View:
<!-- Notebook Choosing Size Type WizardStep -->
<WizardStep id="NotebookSizeStep" subsequentSteps="notebookstep_performance" title="Size" complete="notebookFilter">
<Text width="60%" text="{i18n>text_question_size}" class="margintext"/>
<!-- https://stackoverflow.com/questions/51857676/ui5-screen-size-dependent-properties-of-xml -->
<FlexBox alignItems="Start" justifyContent="Start" height="200px" width="100%"
direction="{= ${device>/system/phone} === true ? 'Column' : 'Row' }">
<RadioButtonGroup columns="3" id="NotebookSizeSelection" width="100%" class="sapUiMediumMarginBottom">
<RadioButton text="Small" class="answerBtn sapUiSmallMargin" width="150px">
<layoutData>
<FlexItemData growFactor="0" alignSelf="Center"/>
</layoutData>
</RadioButton>
<RadioButton text="Mid" class="answerBtn sapUiSmallMargin" width="150px">
<layoutData>
<FlexItemData growFactor="0" alignSelf="Center"/>
</layoutData>
</RadioButton>
<RadioButton text="Large" class="answerBtn sapUiSmallMargin" width="150px">
<layoutData>
<FlexItemData growFactor="0" alignSelf="Center"/>
</layoutData>
</RadioButton>
</RadioButtonGroup>
</FlexBox>
</WizardStep>