view
<!-- Button text, also retrieved from the i18n library -->
text="{i18n>save}"
<!-- Name of the function that will be triggered when button is clicked -->
press="onPressSave"
<!-- Determine the visibility of the button using the "visible" property -->
visible="{json>/visible}" />
<!-- Define another button with emphasized style -->
<Button type="Emphasized"
<!-- Tooltip text, retrieved from the i18n library -->
tooltip="{i18n>delete}"
<!-- Button text, also retrieved from the i18n library -->
text="{i18n>delete}"
<!-- Name of the function that will be triggered when button is clicked -->
press="onPressDelete"
<!-- Determine the visibility of the button using the "visible" property -->
visible="{json>/visible}" />
or
<!-- This code defines an OverflowToolbar element with a Transparent design -->
<OverflowToolbar design="Transparent">
<!-- This element is a spacer, used to separate the two buttons -->
<ToolbarSpacer />
<!-- This button is an Emphasized type button with a tooltip and text set to internationalized values.
It also specifies a function to execute when pressed, and its enabled state is bound to a JSON model property -->
<Button type="Emphasized" tooltip="{i18n>add}" text="{i18n>save}" press="onPressSave" enabled="{json>/visible}" />
<!-- This button is similar to the first button, with a tooltip and text set to different internationalized values.
It specifies a different function to execute when pressed, and its enabled state is also bound to the same JSON model property -->
<Button type="Emphasized" tooltip="{i18n>delete}" text="{i18n>delete}" press="onPressDelete" enabled="{json>/visible}" />
</OverflowToolbar>
<Table id="listTable" noDataText="{i18n>noresult}" mode="MultiSelect" selectionChange="onSelectionChange"/>