Object Marker in a table
The ObjectMarker is a small building block representing an object by an icon or text and icon. Often it is used in a table.
Z2UI5_CL_SMPC_APP_237
Controls
sap.m
UI5 1.71
The facts
- Repository
- abap2UI5/samples-controls
- Class
Z2UI5_CL_SMPC_APP_237- Source file
z2ui5_cl_smpc_app_237.clas.abap↗- Library
- sap.m
- UI5 entity
sap.m.ObjectMarker- Demo kit sample
sap.m.sample.ObjectMarker- 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: objectmarker, object, marker, sap.m, table, column, text, columnlistitem, objectidentifier
Controls it builds
- sap.m.Column
- sap.m.ColumnListItem
- sap.m.ObjectIdentifier
- sap.m.ObjectMarker
- sap.m.Table
- sap.m.Text
- sap.ui.core.mvc.View
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_237.clas.abap — 105 lines
Click a number to link to a line — shift-click for a range.
Read it on GitHub ↗
" @keywords objectmarker object marker sap.m table column text columnlistitem objectidentifier
" @summary The ObjectMarker is a small building block representing an object by an icon or text and icon. Often it is used in a table.
CLASS z2ui5_cl_smpc_app_237 DEFINITION PUBLIC.
PUBLIC SECTION.
INTERFACES z2ui5_if_app.
TYPES: BEGIN OF ty_s_modeldata,
product TYPE string,
type TYPE string,
additionalinfo TYPE string,
END OF ty_s_modeldata.
DATA t_modeldata TYPE STANDARD TABLE OF ty_s_modeldata WITH EMPTY KEY.
PROTECTED SECTION.
DATA client TYPE REF TO z2ui5_if_client.
METHODS view_display.
METHODS model_init.
PRIVATE SECTION.
ENDCLASS.
CLASS z2ui5_cl_smpc_app_237 IMPLEMENTATION.
METHOD z2ui5_if_app~main.
me->client = client.
IF client->check_on_init( ).
model_init( ).
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` v = `sap.m`
)->ele( `Table`
)->a( n = `id` v = `idProductsTable`
)->a( n = `items` v = client->_bind( t_modeldata )
)->ele( `columns`
)->ele( `Column`
)->tag( `Text`
)->a( n = `text` v = `Products`
)->end(
)->ele( `Column`
)->tag( `Text`
)->a( n = `text` v = `Status`
)->end(
)->ele( `Column`
)->tag( `Text`
)->a( n = `text` v = `Status (active)`
)->end(
)->end(
)->ele( `ColumnListItem`
)->tag( `ObjectIdentifier`
)->a( n = `text` v = `{PRODUCT}`
)->tag( `ObjectMarker`
)->a( n = `type` v = `{TYPE}`
)->a( n = `additionalInfo` v = `{ADDITIONALINFO}`
" the original onPress does MessageToast.show( evt.getParameter( "type" ) + " marker pressed!" );
" reproduced roundtrip-free as a client-composed toast, {0} filled by the press event's type parameter
)->tag( `ObjectMarker`
)->a( n = `type` v = `{TYPE}`
)->a( n = `additionalInfo` v = `{ADDITIONALINFO}`
)->a( n = `press` v = client->follow_up_action( val = client->cs_event-control_global t_arg = VALUE #( ( `MESSAGE_TOAST` ) ( `show` ) ( `{0} marker pressed!` ) ( `${$parameters>/type}` ) ) ) ).
client->view_display( view->stringify( ) ).
ENDMETHOD.
METHOD model_init.
t_modeldata = VALUE #(
( product = `Power Projector 4713` type = `Locked` additionalinfo = `` )
( product = `Power Projector 4713` type = `LockedBy` additionalinfo = `John Doe` )
( product = `Power Projector 4713` type = `LockedBy` additionalinfo = `` )
( product = `Gladiator MX` type = `Draft` additionalinfo = `` )
( product = `Hurricane GX` type = `Unsaved` additionalinfo = `` )
( product = `Hurricane GX` type = `UnsavedBy` additionalinfo = `John Doe` )
( product = `Hurricane GX` type = `UnsavedBy` additionalinfo = `` )
( product = `Hurricane GX` type = `Unsaved` additionalinfo = `` )
( product = `Webcam` type = `Favorite` additionalinfo = `` )
( product = `Deskjet Super Highspeed` type = `Flagged` additionalinfo = `` ) ).
ENDMETHOD.
ENDCLASS.
More in sap.m
- List - Selection — 'Single selection' forces the user to choose exactly one out of many items. With the 'mul…
- Table - Strict layout — This example demonstrates the Strict layout and the column resizing of the table.
- Popover — The Popover controls allows to show contextual information without leaving the current pa…
- InitialPage Pattern — The initial page floorplan allows the user to navigate to a single object to view or edit…
- Facet Filter - Simple — With the Facet Filter you can offer multiple filters ('facets') to assist the user in nar…
- Feed Input — This sample shows a standalone feed input with different settings.
- Nav Container — The Nav Container stacks multiple pages and offers an API to switch between them with som…
- Responsive Popover — The Responsive Popover is an abstraction of Popover and Dialog. On the phone a Dialog wil…
- Button with Badge — Button with a Badge attached
- Color Palette as popover — The ColorPalette in a popover (by use of thin wrapper control sap.m.ColorPalettePopover).
- Busy Dialog - Light — This is a 'light' version of the standard Busy Dialog; it also blocks the user interface…
- Carousel with Multiple Items at Once — The customLayout aggregation determines how many pages are displayed in Carousel's visibl…
On this page