Samples / Controls / sap.ui.table
Multi Header
Example for multi-header of table
- Class
z2ui5_cl_smpc_app_137- Repository
- abap2UI5/samples-controls
- Ports
sap.ui.table.sample.MultiHeader- UI5 libraries
- sap.m, sap.ui.core, sap.ui.table
- Lowest UI5 release
- 1.71
- In the browser
- Runs in the playground
- Controls it builds
- sap.m.Input, sap.m.Label, sap.m.OverflowToolbar, sap.m.Page, sap.m.Text, sap.m.Title, sap.ui.core.mvc.View, sap.ui.table.Column, sap.ui.table.Table
The class
" @keywords table sap.ui.table multi-level column headers overflowtoolbar title label text input
" @summary Example for multi-header of table
" @origin sap.ui.table.sample.MultiHeader - https://sdk.openui5.org/entity/sap.ui.table.Table/sample/sap.ui.table.sample.MultiHeader (status: reviewed - read against the original, not run)
CLASS z2ui5_cl_smpc_app_137 DEFINITION PUBLIC.
PUBLIC SECTION.
INTERFACES z2ui5_if_app.
TYPES:
BEGIN OF ty_row,
supplier TYPE string,
street TYPE string,
city TYPE string,
phone TYPE string,
openorders TYPE i,
END OF ty_row.
DATA modeldata TYPE STANDARD TABLE OF ty_row 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_137 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` v = `sap.ui.table`
)->a( n = `xmlns:mvc` v = `sap.ui.core.mvc`
)->a( n = `xmlns:m` v = `sap.m`
)->a( n = `height` v = `100%`
)->ele( n = `Page` ns = `m`
)->a( n = `showHeader` v = `false`
)->a( n = `enableScrolling` v = `false`
)->a( n = `class` v = `sapUiContentPadding`
)->ele( n = `content` ns = `m`
)->ele( `Table`
)->a( n = `id` v = `table1`
)->a( n = `ariaLabelledBy` v = `title`
)->a( n = `selectionMode` v = `MultiToggle`
)->a( n = `rows` v = client->_bind( modeldata )
)->a( n = `enableColumnFreeze` v = `true`
)->ele( `extension`
)->ele( n = `OverflowToolbar` ns = `m`
)->a( n = `style` v = `Clear`
)->tag( n = `Title` ns = `m`
)->a( n = `id` v = `title`
)->a( n = `text` v = `Contacts`
)->end(
)->end(
)->ele( `columns`
)->ele( `Column`
)->a( n = `width` v = `11rem`
)->a( n = `sortProperty` v = `SUPPLIER`
)->a( n = `filterProperty` v = `SUPPLIER`
)->tag( n = `Label` ns = `m`
)->a( n = `text` v = `Supplier`
)->a( n = `textAlign` v = `Center`
)->a( n = `width` v = `100%`
)->ele( `template`
)->tag( n = `Text` ns = `m`
)->a( n = `text` v = `{SUPPLIER}`
)->end(
)->end(
)->ele( `Column`
)->a( n = `width` v = `11rem`
)->a( n = `sortProperty` v = `STREET`
)->a( n = `filterProperty` v = `STREET`
)->a( n = `headerSpan` v = `3,2`
)->ele( `multiLabels`
)->tag( n = `Label` ns = `m`
)->a( n = `text` v = `Contact`
)->a( n = `textAlign` v = `Center`
)->a( n = `width` v = `100%`
)->tag( n = `Label` ns = `m`
)->a( n = `text` v = `Address`
)->a( n = `textAlign` v = `Center`
)->a( n = `width` v = `100%`
)->tag( n = `Label` ns = `m`
)->a( n = `text` v = `Street`
)->a( n = `textAlign` v = `Center`
)->a( n = `width` v = `100%`
)->end(
)->ele( `template`
)->tag( n = `Text` ns = `m`
)->a( n = `text` v = `{STREET}`
)->a( n = `wrapping` v = `false`
)->end(
)->end(
)->ele( `Column`
)->a( n = `width` v = `11rem`
)->a( n = `sortProperty` v = `CITY`
)->a( n = `headerSpan` v = `2`
)->ele( `multiLabels`
)->tag( n = `Label` ns = `m`
)->a( n = `text` v = `Contact`
)->tag( n = `Label` ns = `m`
)->a( n = `text` v = `Address`
)->tag( n = `Label` ns = `m`
)->a( n = `text` v = `City`
)->a( n = `textAlign` v = `Center`
)->a( n = `width` v = `100%`
)->end(
)->ele( `template`
)->tag( n = `Input` ns = `m`
)->a( n = `value` v = `{CITY}`
)->end(
)->end(
)->ele( `Column`
)->a( n = `width` v = `11rem`
)->a( n = `sortProperty` v = `PHONE`
)->ele( `multiLabels`
)->tag( n = `Label` ns = `m`
)->a( n = `text` v = `Contact`
)->tag( n = `Label` ns = `m`
)->a( n = `text` v = `Phone`
)->a( n = `textAlign` v = `Center`
)->a( n = `width` v = `100%`
)->end(
)->ele( `template`
)->tag( n = `Input` ns = `m`
)->a( n = `value` v = `{PHONE}`
)->end(
)->end(
)->ele( `Column`
)->a( n = `width` v = `8rem`
)->a( n = `hAlign` v = `End`
)->ele( `multiLabels`
)->tag( n = `Label` ns = `m`
)->a( n = `visible` v = `false`
)->tag( n = `Label` ns = `m`
)->a( n = `visible` v = `false`
)->tag( n = `Label` ns = `m`
)->a( n = `text` v = `Open Orders`
)->end(
)->ele( `template`
)->tag( n = `Text` ns = `m`
)->a( n = `text` v = `{OPENORDERS}` ).
client->view_display( view->stringify( ) ).
ENDMETHOD.
METHOD model_init.
modeldata = VALUE #(
( supplier = `Titanium` street = `401 23rd St` city = `Port Angeles` phone = `5682-121-828` openorders = 10 )
( supplier = `Technocom` street = `51 39th St` city = `Smallfield` phone = `2212-853-789` openorders = 0 )
( supplier = `Red Point Stores` street = `451 55th St` city = `Meridian` phone = `2234-245-898` openorders = 5 )
( supplier = `Technocom` street = `40 21st St` city = `Bethesda` phone = `5512-125-643` openorders = 0 )
( supplier = `Very Best Screens` street = `123 72nd St` city = `McLean` phone = `5412-543-765` openorders = 6 ) ).
ENDMETHOD.
ENDCLASS.