abap2UI5

Block Layout

The BlockLayout is intended to be used with rows and cells. The cells have predefined width, the rows have predefined rendering modes - scrollable/vertical/horizontal.

Z2UI5_CL_SMPC_APP_214

Controls sap.ui.layout UI5 1.71

The facts

Repository
abap2UI5/samples-controls
Class
Z2UI5_CL_SMPC_APP_214
Source file
z2ui5_cl_smpc_app_214.clas.abap ↗
Library
sap.ui.layout
UI5 entity
sap.ui.layout.BlockLayout
Demo kit sample
sap.ui.layout.sample.BlockLayoutDefault
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: blocklayout, block, layout, sap.ui.layout, blocklayoutdefault, simpleform, label, slider, segmentedbutton, segmentedbuttonitem, verticallayout, blocklayoutrow

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_214.clas.abap — 670 lines Read it on GitHub ↗
" @keywords blocklayout block layout sap.ui.layout blocklayoutdefault simpleform label slider segmentedbutton segmentedbuttonitem verticallayout blocklayoutrow
" @summary The BlockLayout is intended to be used with rows and cells. The cells have predefined width, the rows have predefined rendering modes - scrollable/vertical/horizontal.
" @origin sap.ui.layout.sample.BlockLayoutDefault - https://sdk.openui5.org/entity/sap.ui.layout.BlockLayout/sample/sap.ui.layout.sample.BlockLayoutDefault (status: reviewed - read against the original, not run)
CLASS z2ui5_cl_smpc_app_214 DEFINITION PUBLIC.

  PUBLIC SECTION.
    INTERFACES z2ui5_if_app.

    TYPES:
      BEGIN OF ty_s_product,
        productid     TYPE string,
        name          TYPE string,
        suppliername  TYPE string,
        width         TYPE string,
        depth         TYPE string,
        height        TYPE string,
        dimunit       TYPE string,
        weightmeasure TYPE string,
        weightunit    TYPE string,
        price         TYPE p LENGTH 14 DECIMALS 2,
        currencycode  TYPE string,
      END OF ty_s_product.
    DATA t_products         TYPE STANDARD TABLE OF ty_s_product WITH EMPTY KEY.
    DATA selectedbackground TYPE string.
    DATA slider_value       TYPE i.

  PROTECTED SECTION.
    DATA client TYPE REF TO z2ui5_if_client.

    METHODS view_display.
    METHODS model_init.

  PRIVATE SECTION.
ENDCLASS.


CLASS z2ui5_cl_smpc_app_214 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(lorem) = `Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. ` &&
                  `At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. ` &&
                  `Lorem ipsum dolor sit amet, consetetur sadipscing elitr.`.

    DATA(view) = z2ui5_cl_ui5_view_builder=>factory( ).

    view->ele( n = `View` ns = `mvc`
        )->a( n = `xmlns`      v = `sap.m`
        )->a( n = `xmlns:l`    v = `sap.ui.layout`
        )->a( n = `xmlns:mvc`  v = `sap.ui.core.mvc`
        )->a( n = `xmlns:form` v = `sap.ui.layout.form`

        )->ele( n = `SimpleForm` ns = `form`
            )->a( n = `editable`         v = `true`
            )->a( n = `backgroundDesign` v = `Transparent`
            )->a( n = `layout`           v = `ColumnLayout`

            )->tag( `Label`
                )->a( n = `text` v = `Parent width`
            )->tag( `Slider`
                )->a( n = `id`    v = `widthSlider`
                )->a( n = `value` v = client->_bind( slider_value )
            )->tag( `Label`
                )->a( n = `id`   v = `backgroundLabel`
                )->a( n = `text` v = `Background`

            )->ele( `SegmentedButton`
                )->a( n = `selectedKey`     v = client->_bind( selectedbackground )
                )->a( n = `ariaDescribedBy` v = `backgroundLabel`
                )->a( n = `ariaLabelledBy`  v = `backgroundLabel`

                )->ele( `items`
                    )->tag( `SegmentedButtonItem`
                        )->a( n = `key`  v = `Default`
                        )->a( n = `text` v = `Default`
                    )->tag( `SegmentedButtonItem`
                        )->a( n = `key`  v = `Light`
                        )->a( n = `text` v = `Light`
                    )->tag( `SegmentedButtonItem`
                        )->a( n = `key`  v = `Accent`
                        )->a( n = `text` v = `Accent`
                    )->tag( `SegmentedButtonItem`
                        )->a( n = `key`  v = `Dashboard`
                        )->a( n = `text` v = `Dashboard`

                )->end(
            )->end(
        )->end(

        )->ele( n = `VerticalLayout` ns = `l`
            )->a( n = `id`    v = `containerLayout`
            )->a( n = `width` v = |\{= ${ client->_bind( slider_value ) } + '%' \}|

            )->ele( n = `BlockLayout` ns = `l`
                )->a( n = `id`         v = `BlockLayout`
                )->a( n = `background` v = client->_bind( selectedbackground )

                )->ele( n = `BlockLayoutRow` ns = `l`
                    )->a( n = `accentCells` v = `Accent1`

                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `id`    v = `Accent1`
                        )->a( n = `width` v = `2`
                        )->a( n = `title` v = `Left aligned heading`

                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                        )->ele( `RadioButtonGroup`
                            )->a( n = `columns`       v = `2`
                            )->a( n = `selectedIndex` v = `2`
                            )->a( n = `class`         v = `sapUiMediumMarginTop`

                            )->tag( `RadioButton`
                                )->a( n = `id`   v = `RB2-1`
                                )->a( n = `text` v = `Option 1`
                            )->tag( `RadioButton`
                                )->a( n = `id`       v = `RB2-2`
                                )->a( n = `text`     v = `Option 2`
                                )->a( n = `editable` v = `false`
                            )->tag( `RadioButton`
                                )->a( n = `id`   v = `RB2-3`
                                )->a( n = `text` v = `Option 3`

                        )->end(
                    )->end(
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `title` v = `25% width cell`

                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `titleAlignment` v = `End`
                        )->a( n = `title`          v = `End aligned heading`

                        )->tag( `Text`
                            )->a( n = `text` v = `Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.`

                    )->end(
                )->end(

                )->ele( n = `BlockLayoutRow` ns = `l`
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `title` v = `50% width cell`

                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `title` v = `50% width cell`

                        )->tag( `FeedInput`
                            )->a( n = `showIcon` v = `true`
                        )->tag( `FeedInput`
                            )->a( n = `showIcon` v = `true`

                    )->end(
                )->end(

                )->ele( n = `BlockLayoutRow` ns = `l`
                    )->a( n = `scrollable` v = `true`

                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `width` v = `50`
                        )->a( n = `title` v = `Cell inside scrollable row`

                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `width`          v = `100`
                        )->a( n = `title`          v = `Centered Heading`
                        )->a( n = `titleAlignment` v = `Center`

                        )->tag( `Text`
                            )->a( n = `text` v = `Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore`

                    )->end(
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `width` v = `90`

                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                )->end(

                )->ele( n = `BlockLayoutRow` ns = `l`
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `title` v = `75% width cell`
                        )->a( n = `width` v = `3`

                        )->ele( n = `SimpleForm` ns = `form`
                            )->a( n = `editable`         v = `true`
                            )->a( n = `backgroundDesign` v = `Transparent`
                            )->a( n = `layout`           v = `ResponsiveGridLayout`

                            )->tag( `Label`
                                )->a( n = `text` v = `Name on card`
                            )->tag( `Input`
                            )->tag( `Label`
                                )->a( n = `text` v = `Card number`
                            )->tag( `Input`
                            )->tag( `Label`
                                )->a( n = `text` v = `Security code`
                            )->tag( `Input`
                            )->tag( `Label`
                                )->a( n = `text` v = `Expiration date`
                            )->tag( `DatePicker`

                        )->end(

                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `title` v = `25% width cell`

                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                )->end(

                )->ele( n = `BlockLayoutRow` ns = `l`
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `title` v = `25% width cell`

                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `title` v = `25% width cell`

                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `title` v = `25% width cell`

                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `title` v = `25% width cell`

                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                )->end(

                )->ele( n = `BlockLayoutRow` ns = `l`
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                )->end(

                )->ele( n = `BlockLayoutRow` ns = `l`
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                )->end(

                )->ele( n = `BlockLayoutRow` ns = `l`
                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                )->end(

                )->ele( n = `BlockLayoutRow` ns = `l`
                    )->a( n = `accentCells` v = `Accent2`

                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `id` v = `Accent2`

                        )->tag( `MessageStrip`
                            )->a( n = `text` v = `You can use the cells with 100% width, if you set the vertical property of the row to true`

                        )->tag( `Text`
                            )->a( n = `text` t = lorem

                    )->end(
                )->end(

                )->ele( n = `BlockLayoutRow` ns = `l`
                    )->a( n = `accentCells` v = `Accent3`

                    )->ele( n = `BlockLayoutCell` ns = `l`
                        )->a( n = `id` v = `Accent3`

                        )->ele( `Table`
                            )->a( n = `id`    v = `idProductsTable`
                            )->a( n = `inset` v = `false`
                            )->a( n = `items` v = |\{ path: '{ client->_bind_path( t_products ) }', sorter: \{ path: 'NAME' \} \}|

                            )->ele( `columns`
                                )->ele( `Column`
                                    )->a( n = `width` v = `12em`

                                    )->tag( `Text`
                                        )->a( n = `text` v = `Product`

                                )->end(
                                )->ele( `Column`
                                    )->a( n = `minScreenWidth` v = `Tablet`
                                    )->a( n = `demandPopin`    v = `true`

                                    )->tag( `Text`
                                        )->a( n = `text` v = `Supplier`

                                )->end(
                                )->ele( `Column`
                                    )->a( n = `minScreenWidth` v = `Tablet`
                                    )->a( n = `demandPopin`    v = `true`
                                    )->a( n = `hAlign`         v = `Right`

                                    )->tag( `Text`
                                        )->a( n = `text` v = `Dimensions`

                                )->end(
                                )->ele( `Column`
                                    )->a( n = `minScreenWidth` v = `Tablet`
                                    )->a( n = `demandPopin`    v = `true`
                                    )->a( n = `hAlign`         v = `Center`

                                    )->tag( `Text`
                                        )->a( n = `text` v = `Weight`

                                )->end(
                                )->ele( `Column`
                                    )->a( n = `hAlign` v = `Right`

                                    )->tag( `Text`
                                        )->a( n = `text` v = `Price`

                                )->end(
                            )->end(

                            )->ele( `items`
                                )->ele( `ColumnListItem`
                                    )->ele( `cells`
                                        )->tag( `ObjectIdentifier`
                                            )->a( n = `title` v = `{NAME}`
                                            )->a( n = `text`  v = `{PRODUCTID}`
                                        )->tag( `Text`
                                            )->a( n = `text` v = `{SUPPLIERNAME}`
                                        )->tag( `Text`
                                            )->a( n = `text` v = `{WIDTH} x {DEPTH} x {HEIGHT} {DIMUNIT}`
                                        )->tag( `ObjectNumber`
                                            )->a( n = `number` v = `{WEIGHTMEASURE}`
                                            )->a( n = `unit`   v = `{WEIGHTUNIT}`
                                        )->tag( `ObjectNumber`
                                            )->a( n = `number` v = |\{ parts:[\{path:'PRICE'\},\{path:'CURRENCYCODE'\}], type:'sap.ui.model.type.Currency' \}|
                                            )->a( n = `unit`   v = `{CURRENCYCODE}`

                                    )->end(
                                )->end(
                            )->end(
                        )->end(
                    )->end(
                )->end(
            )->end(
        )->end( ).

    client->view_display( view->stringify( ) ).

  ENDMETHOD.


  METHOD model_init.

    slider_value       = 100.
    selectedbackground = `Default`.

    " Product rows inlined from the shared mock ui5/mock/products.json
    " (/ProductCollection, all 123 rows; only the columns the table binds).
    t_products = VALUE #(
      ( productid = `HT-1000` name = `Notebook Basic 15` suppliername = `Very Best Screens` width = `30` depth = `18` height = `3` dimunit = `cm` weightmeasure = `4.2` weightunit = `KG` price = `956`
        currencycode = `EUR` )
      ( productid = `HT-1001` name = `Notebook Basic 17` suppliername = `Very Best Screens` width = `29` depth = `17` height = `3.1` dimunit = `cm` weightmeasure = `4.5` weightunit = `KG` price = `1249`
        currencycode = `EUR` )
      ( productid = `HT-1002` name = `Notebook Basic 18` suppliername = `Very Best Screens` width = `28` depth = `19` height = `2.5` dimunit = `cm` weightmeasure = `4.2` weightunit = `KG` price = `1570`
        currencycode = `EUR` )
      ( productid = `HT-1003` name = `Notebook Basic 19` suppliername = `Smartcards` width = `32` depth = `21` height = `4` dimunit = `cm` weightmeasure = `4.2` weightunit = `KG` price = `1650`
        currencycode = `EUR` )
      ( productid = `HT-1007` name = `ITelO Vault` suppliername = `Technocom` width = `32` depth = `22` height = `3` dimunit = `cm` weightmeasure = `0.2` weightunit = `KG` price = `299`
        currencycode = `EUR` )
      ( productid = `HT-1010` name = `Notebook Professional 15` suppliername = `Very Best Screens` width = `33` depth = `20` height = `3` dimunit = `cm` weightmeasure = `4.3` weightunit = `KG` price = `1999`
        currencycode = `EUR` )
      ( productid = `HT-1011` name = `Notebook Professional 17` suppliername = `Very Best Screens` width = `33` depth = `23` height = `2` dimunit = `cm` weightmeasure = `4.1` weightunit = `KG` price = `2299`
        currencycode = `EUR` )
      ( productid = `HT-1020` name = `ITelO Vault Net` suppliername = `Technocom` width = `10` depth = `1.8` height = `17` dimunit = `cm` weightmeasure = `0.16` weightunit = `KG` price = `459`
        currencycode = `EUR` )
      ( productid = `HT-1021` name = `ITelO Vault SAT` suppliername = `Technocom` width = `11` depth = `1.7` height = `18` dimunit = `cm` weightmeasure = `0.18` weightunit = `KG` price = `149`
        currencycode = `EUR` )
      ( productid = `HT-1022` name = `Comfort Easy` suppliername = `Technocom` width = `84` depth = `1.5` height = `14` dimunit = `cm` weightmeasure = `0.2` weightunit = `KG` price = `1679`
        currencycode = `EUR` )
      ( productid = `HT-1023` name = `Comfort Senior` suppliername = `Technocom` width = `80` depth = `1.6` height = `13` dimunit = `cm` weightmeasure = `0.8` weightunit = `KG` price = `512`
        currencycode = `EUR` )
      ( productid = `HT-1030` name = `Ergo Screen E-I` suppliername = `Very Best Screens` width = `37` depth = `12` height = `36` dimunit = `cm` weightmeasure = `21` weightunit = `KG` price = `230`
        currencycode = `EUR` )
      ( productid = `HT-1031` name = `Ergo Screen E-II` suppliername = `Very Best Screens` width = `40.8` depth = `19` height = `43` dimunit = `cm` weightmeasure = `21` weightunit = `KG` price = `285`
        currencycode = `EUR` )
      ( productid = `HT-1032` name = `Ergo Screen E-III` suppliername = `Very Best Screens` width = `40.8` depth = `19` height = `43` dimunit = `cm` weightmeasure = `21` weightunit = `KG` price = `345`
        currencycode = `EUR` )
      ( productid = `HT-1035` name = `Flat Basic` suppliername = `Very Best Screens` width = `39` depth = `20` height = `41` dimunit = `cm` weightmeasure = `14` weightunit = `KG` price = `399`
        currencycode = `EUR` )
      ( productid = `HT-1036` name = `Flat Future` suppliername = `Very Best Screens` width = `45` depth = `26` height = `46` dimunit = `cm` weightmeasure = `15` weightunit = `KG` price = `430`
        currencycode = `EUR` )
      ( productid = `HT-1037` name = `Flat XL` suppliername = `Very Best Screens` width = `54.5` depth = `22.1` height = `39.1` dimunit = `cm` weightmeasure = `17` weightunit = `KG` price = `1230`
        currencycode = `EUR` )
      ( productid = `HT-1040` name = `Laser Professional Eco` suppliername = `Alpha Printers` width = `51` depth = `46` height = `30` dimunit = `cm` weightmeasure = `32` weightunit = `KG` price = `830`
        currencycode = `EUR` )
      ( productid = `HT-1041` name = `Laser Basic` suppliername = `Alpha Printers` width = `48` depth = `42` height = `26` dimunit = `cm` weightmeasure = `23` weightunit = `KG` price = `490`
        currencycode = `EUR` )
      ( productid = `HT-1042` name = `Laser Allround` suppliername = `Alpha Printers` width = `53` depth = `50` height = `65` dimunit = `cm` weightmeasure = `17` weightunit = `KG` price = `349`
        currencycode = `EUR` )
      ( productid = `HT-1050` name = `Ultra Jet Super Color` suppliername = `Alpha Printers` width = `41` depth = `41` height = `28` dimunit = `cm` weightmeasure = `3` weightunit = `KG` price = `139`
        currencycode = `EUR` )
      ( productid = `HT-1051` name = `Ultra Jet Mobile` suppliername = `Printer for All` width = `46` depth = `32` height = `25` dimunit = `cm` weightmeasure = `1.9` weightunit = `KG` price = `99`
        currencycode = `EUR` )
      ( productid = `HT-1052` name = `Ultra Jet Super Highspeed` suppliername = `Printer for All` width = `41` depth = `41` height = `28` dimunit = `cm` weightmeasure = `18` weightunit = `KG` price = `170`
        currencycode = `EUR` )
      ( productid = `HT-1055` name = `Multi Print` suppliername = `Printer for All` width = `55` depth = `45` height = `29` dimunit = `cm` weightmeasure = `6.3` weightunit = `KG` price = `99`
        currencycode = `EUR` )
      ( productid = `HT-1056` name = `Multi Color` suppliername = `Printer for All` width = `51` depth = `41.3` height = `22` dimunit = `cm` weightmeasure = `4.3` weightunit = `KG` price = `119`
        currencycode = `EUR` )
      ( productid = `HT-1060` name = `Cordless Mouse` suppliername = `Oxynum` width = `6` depth = `14.5` height = `3.5` dimunit = `cm` weightmeasure = `0.09` weightunit = `KG` price = `9`
        currencycode = `EUR` )
      ( productid = `HT-1061` name = `Speed Mouse` suppliername = `Oxynum` width = `7` depth = `15` height = `3.1` dimunit = `cm` weightmeasure = `0.09` weightunit = `KG` price = `7`
        currencycode = `EUR` )
      ( productid = `HT-1062` name = `Track Mouse` suppliername = `Oxynum` width = `3` depth = `7` height = `4` dimunit = `cm` weightmeasure = `0.03` weightunit = `KG` price = `11`
        currencycode = `EUR` )
      ( productid = `HT-1063` name = `Ergonomic Keyboard` suppliername = `Oxynum` width = `50` depth = `21` height = `3.5` dimunit = `cm` weightmeasure = `2.1` weightunit = `KG` price = `14`
        currencycode = `EUR` )
      ( productid = `HT-1064` name = `Internet Keyboard` suppliername = `Oxynum` width = `52` depth = `25` height = `3` dimunit = `cm` weightmeasure = `1.8` weightunit = `KG` price = `16`
        currencycode = `EUR` )
      ( productid = `HT-1065` name = `Media Keyboard` suppliername = `Oxynum` width = `51.4` depth = `23` height = `4` dimunit = `cm` weightmeasure = `2.3` weightunit = `KG` price = `26`
        currencycode = `EUR` )
      ( productid = `HT-1066` name = `Mousepad` suppliername = `Oxynum` width = `15` depth = `6` height = `0.2` dimunit = `cm` weightmeasure = `80` weightunit = `G` price = `6.99`
        currencycode = `EUR` )
      ( productid = `HT-1067` name = `Ergo Mousepad` suppliername = `Oxynum` width = `15` depth = `6` height = `0.2` dimunit = `cm` weightmeasure = `80` weightunit = `G` price = `8.99`
        currencycode = `EUR` )
      ( productid = `HT-1068` name = `Designer Mousepad` suppliername = `Fasttech` width = `24` depth = `24` height = `0.6` dimunit = `cm` weightmeasure = `90` weightunit = `G` price = `12.99`
        currencycode = `EUR` )
      ( productid = `HT-1069` name = `Universal card reader` suppliername = `Fasttech` width = `6` depth = `6` height = `3` dimunit = `cm` weightmeasure = `45` weightunit = `G` price = `14`
        currencycode = `EUR` )
      ( productid = `HT-1070` name = `Proctra X` suppliername = `Ultrasonic United` width = `22` depth = `35` height = `17` dimunit = `cm` weightmeasure = `0.255` weightunit = `KG` price = `70.9`
        currencycode = `EUR` )
      ( productid = `HT-1071` name = `Gladiator MX` suppliername = `Ultrasonic United` width = `22` depth = `35` height = `17` dimunit = `cm` weightmeasure = `0.3` weightunit = `KG` price = `81.7`
        currencycode = `EUR` )
      ( productid = `HT-1072` name = `Hurricane GX` suppliername = `Ultrasonic United` width = `22` depth = `35` height = `17` dimunit = `cm` weightmeasure = `0.4` weightunit = `KG` price = `101.2`
        currencycode = `EUR` )
      ( productid = `HT-1073` name = `Hurricane GX/LN` suppliername = `Smartcards` width = `22` depth = `35` height = `17` dimunit = `cm` weightmeasure = `0.4` weightunit = `KG` price = `139.99`
        currencycode = `EUR` )
      ( productid = `HT-1080` name = `Photo Scan` suppliername = `Printer for All` width = `34` depth = `48` height = `5` dimunit = `cm` weightmeasure = `2.3` weightunit = `KG` price = `129`
        currencycode = `EUR` )
      ( productid = `HT-1081` name = `Power Scan` suppliername = `Printer for All` width = `31` depth = `43` height = `7` dimunit = `cm` weightmeasure = `2.4` weightunit = `KG` price = `89`
        currencycode = `EUR` )
      ( productid = `HT-1082` name = `Jet Scan Professional` suppliername = `Printer for All` width = `33` depth = `41` height = `12` dimunit = `cm` weightmeasure = `3.2` weightunit = `KG` price = `169`
        currencycode = `EUR` )
      ( productid = `HT-1083` name = `Jet Scan Professional` suppliername = `Printer for All` width = `35` depth = `40` height = `10` dimunit = `cm` weightmeasure = `3.2` weightunit = `KG` price = `189`
        currencycode = `EUR` )
      ( productid = `HT-1085` name = `Copymaster` suppliername = `Alpha Printers` width = `45` depth = `42` height = `22` dimunit = `cm` weightmeasure = `23.2` weightunit = `KG` price = `1499`
        currencycode = `EUR` )
      ( productid = `HT-1090` name = `Surround Sound` suppliername = `Speaker Experts` width = `12` depth = `10` height = `16` dimunit = `cm` weightmeasure = `3` weightunit = `KG` price = `39`
        currencycode = `EUR` )
      ( productid = `HT-1091` name = `Blaster Extreme` suppliername = `Speaker Experts` width = `13` depth = `11` height = `17.5` dimunit = `cm` weightmeasure = `1.4` weightunit = `KG` price = `26`
        currencycode = `EUR` )
      ( productid = `HT-1092` name = `Sound Booster` suppliername = `Speaker Experts` width = `12.4` depth = `10.4` height = `18.1` dimunit = `cm` weightmeasure = `2.1` weightunit = `KG` price = `45`
        currencycode = `EUR` )
      ( productid = `HT-1095` name = `Lovely Sound 5.1 Wireless` suppliername = `Fasttech` width = `24` depth = `19` height = `23` dimunit = `cm` weightmeasure = `80` weightunit = `G` price = `49`
        currencycode = `EUR` )
      ( productid = `HT-1096` name = `Lovely Sound 5.1` suppliername = `Fasttech` width = `25` depth = `17` height = `19` dimunit = `cm` weightmeasure = `130` weightunit = `G` price = `39`
        currencycode = `EUR` )
      ( productid = `HT-1097` name = `Lovely Sound Stereo` suppliername = `Fasttech` width = `21.3` depth = `2.4` height = `19.7` dimunit = `cm` weightmeasure = `60` weightunit = `G` price = `29`
        currencycode = `EUR` )
      ( productid = `HT-1100` name = `Smart Office` suppliername = `Technocom` width = `15` depth = `6.5` height = `2.1` dimunit = `cm` weightmeasure = `1.2` weightunit = `KG` price = `89.9`
        currencycode = `EUR` )
      ( productid = `HT-1101` name = `Smart Design` suppliername = `Technocom` width = `14` depth = `6.7` height = `24` dimunit = `cm` weightmeasure = `0.8` weightunit = `KG` price = `79.9`
        currencycode = `EUR` )
      ( productid = `HT-1102` name = `Smart Network` suppliername = `Technocom` width = `16` depth = `6` height = `27` dimunit = `cm` weightmeasure = `0.8` weightunit = `KG` price = `69`
        currencycode = `EUR` )
      ( productid = `HT-1103` name = `Smart Multimedia` suppliername = `Technocom` width = `11` depth = `3.4` height = `22` dimunit = `cm` weightmeasure = `0.8` weightunit = `KG` price = `77`
        currencycode = `EUR` )
      ( productid = `HT-1104` name = `Smart Games` suppliername = `Technocom` width = `10` depth = `3` height = `30` dimunit = `cm` weightmeasure = `1.1` weightunit = `KG` price = `55`
        currencycode = `EUR` )
      ( productid = `HT-1105` name = `Smart Internet Antivirus` suppliername = `Brainsoft` width = `16` depth = `4` height = `21` dimunit = `cm` weightmeasure = `0.7` weightunit = `KG` price = `29`
        currencycode = `EUR` )
      ( productid = `HT-1106` name = `Smart Firewall` suppliername = `Brainsoft` width = `17.9` depth = `4.2` height = `23.1` dimunit = `cm` weightmeasure = `0.9` weightunit = `KG` price = `34`
        currencycode = `EUR` )
      ( productid = `HT-1107` name = `Smart Money` suppliername = `Brainsoft` width = `12` depth = `1.5` height = `19` dimunit = `cm` weightmeasure = `0.5` weightunit = `KG` price = `29.9`
        currencycode = `EUR` )
      ( productid = `HT-1110` name = `PC Lock` suppliername = `Red Point Stores` width = `20` depth = `8` height = `4.3` dimunit = `cm` weightmeasure = `0.03` weightunit = `KG` price = `8.9`
        currencycode = `EUR` )
      ( productid = `HT-1111` name = `Notebook Lock` suppliername = `Red Point Stores` width = `31` depth = `9` height = `7` dimunit = `cm` weightmeasure = `0.02` weightunit = `KG` price = `6.9`
        currencycode = `EUR` )
      ( productid = `HT-1112` name = `Web cam reality` suppliername = `Red Point Stores` width = `9` depth = `8.2` height = `1.3` dimunit = `cm` weightmeasure = `0.075` weightunit = `KG` price = `39`
        currencycode = `EUR` )
      ( productid = `HT-1113` name = `Screen clean` suppliername = `Red Point Stores` width = `2` depth = `2` height = `0.1` dimunit = `cm` weightmeasure = `0.05` weightunit = `KG` price = `2.3`
        currencycode = `EUR` )
      ( productid = `HT-1114` name = `Fabric bag professional` suppliername = `Red Point Stores` width = `42` depth = `32` height = `7` dimunit = `cm` weightmeasure = `1.8` weightunit = `KG` price = `31`
        currencycode = `EUR` )
      ( productid = `HT-1115` name = `Wireless DSL Router` suppliername = `Red Point Stores` width = `19.3` depth = `18` height = `5` dimunit = `cm` weightmeasure = `0.45` weightunit = `KG` price = `49`
        currencycode = `EUR` )
      ( productid = `HT-1116` name = `Wireless DSL Router / Repeater` suppliername = `Red Point Stores` width = `19.3` depth = `18` height = `5` dimunit = `cm` weightmeasure = `0.45` weightunit = `KG` price = `59`
        currencycode = `EUR` )
      ( productid = `HT-1117` name = `Wireless DSL Router / Repeater and Print Server` suppliername = `Technocom` width = `19.3` depth = `18` height = `5` dimunit = `cm` weightmeasure = `0.45` weightunit = `KG` price = `69`
        currencycode = `EUR` )
      ( productid = `HT-1118` name = `USB Stick` suppliername = `Technocom` width = `1.5` depth = `8.7` height = `1.2` dimunit = `cm` weightmeasure = `0.015` weightunit = `KG` price = `35`
        currencycode = `EUR` )
      ( productid = `HT-1119` name = `Travel Adapter` suppliername = `Titanium` width = `2` depth = `3.1` height = `3.9` dimunit = `cm` weightmeasure = `88` weightunit = `G` price = `79`
        currencycode = `EUR` )
      ( productid = `HT-1120` name = `Cordless Bluetooth Keyboard, english international` suppliername = `Technocom` width = `51.4` depth = `23` height = `4` dimunit = `cm` weightmeasure = `1` weightunit = `KG` price = `29`
        currencycode = `EUR` )
      ( productid = `HT-1137` name = `Flat XXL` suppliername = `Technocom` width = `54` depth = `22` height = `38` dimunit = `cm` weightmeasure = `18` weightunit = `KG` price = `1430`
        currencycode = `EUR` )
      ( productid = `HT-1138` name = `Pocket Mouse` suppliername = `Technocom` width = `0.3` depth = `0.5` height = `1` dimunit = `cm` weightmeasure = `0.02` weightunit = `KG` price = `23`
        currencycode = `EUR` )
      ( productid = `HT-1210` name = `PC Power Station` suppliername = `Technocom` width = `28` depth = `31` height = `43` dimunit = `cm` weightmeasure = `2.3` weightunit = `KG` price = `2399`
        currencycode = `EUR` )
      ( productid = `HT-1251` name = `Astro Laptop 1516` suppliername = `Ultrasonic United` width = `30` depth = `18` height = `3` dimunit = `cm` weightmeasure = `4.2` weightunit = `KG` price = `989`
        currencycode = `EUR` )
      ( productid = `HT-1252` name = `Astro Phone 6` suppliername = `Ultrasonic United` width = `8` depth = `6` height = `1.5` dimunit = `cm` weightmeasure = `0.75` weightunit = `KG` price = `649`
        currencycode = `EUR` )
      ( productid = `HT-1253` name = `Benda Laptop 1408` suppliername = `Ultrasonic United` width = `30` depth = `18` height = `3` dimunit = `cm` weightmeasure = `4.2` weightunit = `KG` price = `976`
        currencycode = `EUR` )
      ( productid = `HT-1254` name = `Bending Screen 21HD` suppliername = `Ultrasonic United` width = `37` depth = `12` height = `36` dimunit = `cm` weightmeasure = `15` weightunit = `KG` price = `250`
        currencycode = `EUR` )
      ( productid = `HT-1255` name = `Broad Screen 22HD` suppliername = `Ultrasonic United` width = `39` depth = `12` height = `38` dimunit = `cm` weightmeasure = `16` weightunit = `KG` price = `270`
        currencycode = `EUR` )
      ( productid = `HT-1256` name = `Cerdik Phone 7` suppliername = `Ultrasonic United` width = `9` depth = `15` height = `1.5` dimunit = `cm` weightmeasure = `0.75` weightunit = `KG` price = `549`
        currencycode = `EUR` )
      ( productid = `HT-1257` name = `Cepat Tablet 10.5` suppliername = `Ultrasonic United` width = `48` depth = `31` height = `4.5` dimunit = `cm` weightmeasure = `2.8` weightunit = `KG` price = `549`
        currencycode = `EUR` )
      ( productid = `HT-1258` name = `Cepat Tablet 8` suppliername = `Ultrasonic United` width = `38` depth = `21` height = `3.5` dimunit = `cm` weightmeasure = `2.5` weightunit = `KG` price = `529`
        currencycode = `EUR` )
      ( productid = `HT-1500` name = `Server Basic` suppliername = `Technocom` width = `34` depth = `35` height = `23` dimunit = `cm` weightmeasure = `18` weightunit = `KG` price = `5000`
        currencycode = `EUR` )
      ( productid = `HT-1501` name = `Server Professional` suppliername = `Technocom` width = `29` depth = `30` height = `27` dimunit = `cm` weightmeasure = `25` weightunit = `KG` price = `15000`
        currencycode = `EUR` )
      ( productid = `HT-1502` name = `Server Power Pro` suppliername = `Technocom` width = `22` depth = `27.3` height = `37` dimunit = `cm` weightmeasure = `35` weightunit = `KG` price = `25000`
        currencycode = `EUR` )
      ( productid = `HT-1600` name = `Family PC Basic` suppliername = `Titanium` width = `21.4` depth = `29` height = `38` dimunit = `cm` weightmeasure = `4.8` weightunit = `KG` price = `600`
        currencycode = `EUR` )
      ( productid = `HT-1601` name = `Family PC Pro` suppliername = `Titanium` width = `25` depth = `31.7` height = `40.2` dimunit = `cm` weightmeasure = `5.3` weightunit = `KG` price = `900`
        currencycode = `EUR` )
      ( productid = `HT-1602` name = `Gaming Monster` suppliername = `Titanium` width = `26.5` depth = `34` height = `47` dimunit = `cm` weightmeasure = `5.9` weightunit = `KG` price = `1200`
        currencycode = `EUR` )
      ( productid = `HT-1603` name = `Gaming Monster Pro` suppliername = `Titanium` width = `27` depth = `28` height = `42` dimunit = `cm` weightmeasure = `6.8` weightunit = `KG` price = `1700`
        currencycode = `EUR` )
      ( productid = `HT-2000` name = `7" Widescreen Portable DVD Player w MP3` suppliername = `Titanium` width = `21.4` depth = `19` height = `27.6` dimunit = `cm` weightmeasure = `0.79` weightunit = `KG` price = `249.99`
        currencycode = `EUR` )
      ( productid = `HT-2001` name = `10" Portable DVD player` suppliername = `Titanium` width = `24` depth = `19.5` height = `29` dimunit = `cm` weightmeasure = `0.84` weightunit = `KG` price = `449.99`
        currencycode = `EUR` )
      ( productid = `HT-2002` name = `Portable DVD Player with 9" LCD Monitor` suppliername = `Technocom` width = `21` depth = `16.5` height = `14` dimunit = `cm` weightmeasure = `0.72` weightunit = `KG` price = `853.99`
        currencycode = `EUR` )
      ( productid = `HT-2025` name = `CD/DVD case: 264 sleeves` suppliername = `Titanium` width = `13` depth = `13` height = `20` dimunit = `cm` weightmeasure = `0.65` weightunit = `KG` price = `44.99`
        currencycode = `EUR` )
      ( productid = `HT-2026` name = `Audio/Video Cable Kit - 4m` suppliername = `Titanium` width = `21` depth = `10.2` height = `13` dimunit = `cm` weightmeasure = `0.2` weightunit = `KG` price = `29.99`
        currencycode = `EUR` )
      ( productid = `HT-2027` name = `Removable CD/DVD Laser Labels` suppliername = `Titanium` width = `5.5` depth = `2` height = `2` dimunit = `cm` weightmeasure = `0.15` weightunit = `KG` price = `8.99`
        currencycode = `EUR` )
      ( productid = `HT-6100` name = `Beam Breaker B-1` suppliername = `Titanium` width = `30.4` depth = `23.1` height = `23` dimunit = `cm` weightmeasure = `1.7` weightunit = `KG` price = `469`
        currencycode = `EUR` )
      ( productid = `HT-6101` name = `Beam Breaker B-2` suppliername = `Technocom` width = `30.4` depth = `23.1` height = `23` dimunit = `cm` weightmeasure = `2` weightunit = `KG` price = `679`
        currencycode = `EUR` )
      ( productid = `HT-6102` name = `Beam Breaker B-3` suppliername = `Technocom` width = `30.4` depth = `23.1` height = `23` dimunit = `cm` weightmeasure = `2.5` weightunit = `KG` price = `889`
        currencycode = `EUR` )
      ( productid = `HT-6110` name = `Play Movie` suppliername = `Fasttech` width = `37` depth = `24` height = `6` dimunit = `cm` weightmeasure = `2.4` weightunit = `KG` price = `130`
        currencycode = `EUR` )
      ( productid = `HT-6111` name = `Record Movie` suppliername = `Fasttech` width = `38` depth = `26` height = `6.2` dimunit = `cm` weightmeasure = `3.1` weightunit = `KG` price = `288`
        currencycode = `EUR` )
      ( productid = `HT-6120` name = `ITelo MusicStick` suppliername = `Fasttech` width = `1.5` depth = `6` height = `1` dimunit = `cm` weightmeasure = `134` weightunit = `G` price = `45`
        currencycode = `EUR` )
      ( productid = `HT-6121` name = `ITelo Jog-Mate` suppliername = `Fasttech` width = `5.1` depth = `8` height = `9.2` dimunit = `cm` weightmeasure = `134` weightunit = `G` price = `63`
        currencycode = `EUR` )
      ( productid = `HT-6122` name = `Power Pro Player 40` suppliername = `Fasttech` width = `5.1` depth = `8` height = `9.2` dimunit = `cm` weightmeasure = `266` weightunit = `G` price = `167`
        currencycode = `EUR` )
      ( productid = `HT-6123` name = `Power Pro Player 80` suppliername = `Fasttech` width = `4` depth = `6` height = `0.8` dimunit = `cm` weightmeasure = `267` weightunit = `G` price = `299`
        currencycode = `EUR` )
      ( productid = `HT-6130` name = `Flat Watch HD32` suppliername = `Very Best Screens` width = `78` depth = `22.1` height = `55` dimunit = `cm` weightmeasure = `2.6` weightunit = `KG` price = `1459`
        currencycode = `EUR` )
      ( productid = `HT-6131` name = `Flat Watch HD37` suppliername = `Very Best Screens` width = `99.1` depth = `26` height = `61` dimunit = `cm` weightmeasure = `2.2` weightunit = `KG` price = `1199`
        currencycode = `EUR` )
      ( productid = `HT-6132` name = `Flat Watch HD41` suppliername = `Very Best Screens` width = `128` depth = `23` height = `79.1` dimunit = `cm` weightmeasure = `1.8` weightunit = `KG` price = `899`
        currencycode = `EUR` )
      ( productid = `HT-7000` name = `Copperberry` suppliername = `Fasttech` width = `8.1` depth = `13` height = `12.1` dimunit = `cm` weightmeasure = `0.5` weightunit = `KG` price = `549`
        currencycode = `EUR` )
      ( productid = `HT-7010` name = `Silverberry` suppliername = `Fasttech` width = `8.1` depth = `13` height = `12.1` dimunit = `cm` weightmeasure = `0.5` weightunit = `KG` price = `549`
        currencycode = `EUR` )
      ( productid = `HT-7020` name = `Goldberry` suppliername = `Fasttech` width = `8.1` depth = `13` height = `12.1` dimunit = `cm` weightmeasure = `0.5` weightunit = `KG` price = `549`
        currencycode = `EUR` )
      ( productid = `HT-7030` name = `Platinberry` suppliername = `Fasttech` width = `8.1` depth = `13` height = `12.1` dimunit = `cm` weightmeasure = `0.5` weightunit = `KG` price = `549`
        currencycode = `EUR` )
      ( productid = `HT-8000` name = `ITelO FlexTop I4000` suppliername = `Titanium` width = `31` depth = `19` height = `3.1` dimunit = `cm` weightmeasure = `4` weightunit = `KG` price = `799`
        currencycode = `EUR` )
      ( productid = `HT-8001` name = `ITelO FlexTop I6300c` suppliername = `Titanium` width = `32` depth = `20` height = `3.4` dimunit = `cm` weightmeasure = `4.2` weightunit = `KG` price = `799`
        currencycode = `EUR` )
      ( productid = `HT-8002` name = `ITelO FlexTop I9100` suppliername = `Titanium` width = `38` depth = `21` height = `4.1` dimunit = `cm` weightmeasure = `3.5` weightunit = `KG` price = `1199`
        currencycode = `EUR` )
      ( productid = `HT-8003` name = `ITelO FlexTop I9800` suppliername = `Titanium` width = `48` depth = `31` height = `4.5` dimunit = `cm` weightmeasure = `3.8` weightunit = `KG` price = `1388`
        currencycode = `EUR` )
      ( productid = `HT-9991` name = `Smartphone Leather Case` suppliername = `Ultrasonic United` width = `48` depth = `31` height = `4.5` dimunit = `cm` weightmeasure = `0.02` weightunit = `KG` price = `25`
        currencycode = `EUR` )
      ( productid = `HT-9992` name = `Smartphone Alpha` suppliername = `Ultrasonic United` width = `48` depth = `31` height = `4.5` dimunit = `cm` weightmeasure = `0.75` weightunit = `KG` price = `599`
        currencycode = `EUR` )
      ( productid = `HT-9993` name = `Mini Tablet` suppliername = `Ultrasonic United` width = `48` depth = `31` height = `4.5` dimunit = `cm` weightmeasure = `3.8` weightunit = `KG` price = `833`
        currencycode = `EUR` )
      ( productid = `HT-9994` name = `Camcorder View` suppliername = `Ultrasonic United` width = `48` depth = `31` height = `27` dimunit = `cm` weightmeasure = `3.8` weightunit = `KG` price = `1388`
        currencycode = `EUR` )
      ( productid = `HT-9995` name = `Tablet Pouch` suppliername = `Titanium` width = `25` depth = `40` height = `4.5` dimunit = `cm` weightmeasure = `0.03` weightunit = `KG` price = `20`
        currencycode = `EUR` )
      ( productid = `HT-9996` name = `Tablet Pouch` suppliername = `Titanium` width = `25` depth = `40` height = `4.5` dimunit = `cm` weightmeasure = `0.03` weightunit = `KG` price = `20`
        currencycode = `EUR` )
      ( productid = `HT-9997` name = `e-Book Reader ReadMe` suppliername = `Titanium` width = `48` depth = `31` height = `4.5` dimunit = `cm` weightmeasure = `3.8` weightunit = `KG` price = `33`
        currencycode = `EUR` )
      ( productid = `HT-9998` name = `Smartphone Beta` suppliername = `Titanium` width = `48` depth = `31` height = `4.5` dimunit = `cm` weightmeasure = `0.75` weightunit = `KG` price = `30`
        currencycode = `EUR` )
      ( productid = `HT-9999` name = `Maxi Tablet` suppliername = `Titanium` width = `48` depth = `31` height = `4.5` dimunit = `cm` weightmeasure = `3.8` weightunit = `KG` price = `749`
        currencycode = `EUR` )
      ( productid = `PF-1000` name = `Flyer` suppliername = `Titanium` width = `46` depth = `30` height = `3` dimunit = `cm` weightmeasure = `0.01` weightunit = `KG` price = `0`
        currencycode = `EUR` ) ).

  ENDMETHOD.

ENDCLASS.

More in sap.ui.layout

Search every abap2UI5 sample · the full list on one page

On this page