Currency Format
Formats the number by using the parameters defined for the given currency code. Either currency symbol, currency code or none of them can be included in the final formatted string.
Z2UI5_CL_SMPC_APP_135
Controls
sap.ui.core
UI5 1.71
The facts
- Repository
- abap2UI5/samples-controls
- Class
Z2UI5_CL_SMPC_APP_135- Source file
z2ui5_cl_smpc_app_135.clas.abap↗- Library
- sap.ui.core
- UI5 entity
sap.ui.model.type.Currency- Demo kit sample
sap.ui.core.sample.TypeCurrency- SAP's own sample
- running at sdk.openui5.org ↗
- Minimum UI5
- 1.71 — the floor abap2UI5 holds its samples to
- In the playground
- runs in the browser, with no system and nothing installed
Keywords: currency, sap.ui.model.type, data, type, simpleform, label, input, text
Controls it builds
Read out of the builder chain by the abap2UI5 linter, not from the category this sample is filed under — which is what makes “which samples build one of these” a question the catalogue can answer at all.
Libraries
Run it here
The sample running, in this page — the app on its own, with no editor over it.
Switch to Playground with this code
Nothing is installed and nothing is sent anywhere: the ABAP is compiled to JavaScript in this browser and runs against abap2UI5 itself.
The ABAP
z2ui5_cl_smpc_app_135.clas.abap — 115 lines
Click a number to link to a line — shift-click for a range.
Read it on GitHub ↗
" @keywords currency sap.ui.model.type data type simpleform label input text
" @summary Formats the number by using the parameters defined for the given currency code. Either currency symbol, currency code or none of them can be included in the final formatted string.
CLASS z2ui5_cl_smpc_app_135 DEFINITION PUBLIC.
PUBLIC SECTION.
INTERFACES z2ui5_if_app.
DATA amount TYPE string.
DATA currency TYPE string.
PROTECTED SECTION.
DATA client TYPE REF TO z2ui5_if_client.
METHODS view_display.
PRIVATE SECTION.
ENDCLASS.
CLASS z2ui5_cl_smpc_app_135 IMPLEMENTATION.
METHOD z2ui5_if_app~main.
me->client = client.
IF client->check_on_init( ).
amount = `123456789.123`.
currency = `USD`.
view_display( ).
ELSEIF client->check_on_navigated( ).
view_display( ).
ENDIF.
ENDMETHOD.
METHOD view_display.
DATA(view) = z2ui5_cl_ui5_view_builder=>factory( ).
view->ele( n = `View` ns = `mvc`
)->a( n = `xmlns:mvc` v = `sap.ui.core.mvc`
)->a( n = `xmlns:form` v = `sap.ui.layout.form`
)->a( n = `xmlns` v = `sap.m`
)->a( n = `xmlns:core` v = `sap.ui.core`
)->a( n = `core:require` v = `{CurrencyType: 'sap/ui/model/type/Currency'}`
)->ele( n = `SimpleForm` ns = `form`
)->a( n = `width` v = `auto`
)->a( n = `class` v = `sapUiResponsiveMargin`
)->a( n = `layout` v = `ResponsiveGridLayout`
)->a( n = `editable` v = `true`
)->a( n = `labelSpanL` v = `3`
)->a( n = `labelSpanM` v = `3`
)->a( n = `emptySpanL` v = `4`
)->a( n = `emptySpanM` v = `4`
)->a( n = `columnsL` v = `1`
)->a( n = `columnsM` v = `1`
)->a( n = `title` v = `Input`
)->ele( n = `content` ns = `form`
)->tag( `Label`
)->a( n = `text` v = `One field`
)->tag( `Input`
)->a( n = `value` v = |\{ parts: ['{ client->_bind_path( amount ) }', '{ client->_bind_path( currency ) }'], type: 'CurrencyType' \}|
)->tag( `Label`
)->a( n = `text` v = `Two field`
)->tag( `Input`
)->a( n = `value` v = |\{ parts: ['{ client->_bind_path( amount ) }', '{ client->_bind_path( currency ) }'], type: 'CurrencyType', formatOptions: \{ showMeasure: false \} \}|
)->tag( `Input`
" POST_171: the showNumber format option is @since 1.89 - below
" that it is ignored and this Input shows the amount too
)->a( n = `value` v = |\{ parts: ['{ client->_bind_path( amount ) }', '{ client->_bind_path( currency ) }'], type: 'CurrencyType', formatOptions: \{ showNumber: false \} \}|
)->end(
)->end(
)->ele( n = `SimpleForm` ns = `form`
)->a( n = `width` v = `auto`
)->a( n = `class` v = `sapUiResponsiveMargin`
)->a( n = `layout` v = `ResponsiveGridLayout`
)->a( n = `labelSpanL` v = `3`
)->a( n = `labelSpanM` v = `3`
)->a( n = `emptySpanL` v = `4`
)->a( n = `emptySpanM` v = `4`
)->a( n = `columnsL` v = `1`
)->a( n = `columnsM` v = `1`
)->a( n = `title` v = `Format options`
)->ele( n = `content` ns = `form`
)->tag( `Label`
)->a( n = `text` v = `Default`
)->tag( `Text`
)->a( n = `text` v = |\{ parts: ['{ client->_bind_path( amount ) }', '{ client->_bind_path( currency ) }'], type: 'CurrencyType' \}|
)->tag( `Label`
)->a( n = `text` v = `preserveDecimals:false`
)->tag( `Text`
)->a( n = `text` v = |\{ parts: ['{ client->_bind_path( amount ) }', '{ client->_bind_path( currency ) }'], type: 'CurrencyType', formatOptions: \{ preserveDecimals : false \} \}|
)->tag( `Label`
)->a( n = `text` v = `currencyCode:false`
)->tag( `Text`
)->a( n = `text` v = |\{ parts: ['{ client->_bind_path( amount ) }', '{ client->_bind_path( currency ) }'], type: 'CurrencyType', formatOptions: \{ currencyCode : false \} \}|
)->tag( `Label`
)->a( n = `text` v = `style:'short'`
)->tag( `Text`
)->a( n = `text` v = |\{ parts: ['{ client->_bind_path( amount ) }', '{ client->_bind_path( currency ) }'], type: 'CurrencyType', formatOptions: \{ style : 'short' \} \}|
)->tag( `Label`
)->a( n = `text` v = `style:'long'`
)->tag( `Text`
)->a( n = `text` v = |\{ parts: ['{ client->_bind_path( amount ) }', '{ client->_bind_path( currency ) }'], type: 'CurrencyType', formatOptions: \{ style : 'long' \} \}| ).
client->view_display( view->stringify( ) ).
ENDMETHOD.
ENDCLASS.
More in sap.ui.core
- HTML — With the HTML controls you can easily embed any kind of HTML content into your UI5 mobile…
- Icon — Built with an embedded font, icons scale well, and can be altered with CSS. They can also…
- InvisibleText — Many controls provide the associations ariaLabelledBy and ariaDescribedBy for accessibili…
- Integer Format — Formats and parses only the integer digits. The decimal digits are ignored.
- Control Busy Indicator — A control's busy indicator can be used to block parts of the screen until an operation ha…
- Basic Theme Parameters — Sample provides a link to the Theme Parameter Toolbox. There you can easily search, previ…
- InvisibleMessage — The InvisibleMessage provides a way to programmaticaly expose dynamic content changes in…
- Hyphenation API — This sample demonstrates usage of the Hyphenation API
- Busy Indicator — A busy indicator can be used to block the entire screen until an operation has finished.
- Float Format — Formats and parses both integer and decimal digits.
- FileSize Type — This sample explains the formatting options of the FileSize type.
- Date Type - Source As String — This sample explains the formatting options of the Date type with the date being availabl…
On this page