Samples / Controls / sap.ui.layout

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.

Class
z2ui5_cl_smpc_app_214
Repository
abap2UI5/samples-controls
Ports
sap.ui.layout.sample.BlockLayoutDefault
UI5 libraries
sap.m, sap.ui.core, sap.ui.layout
Lowest UI5 release
1.71
In the browser
Runs in the playground
Controls it builds
sap.m.Column, sap.m.ColumnListItem, sap.m.DatePicker, sap.m.FeedInput, sap.m.Input, sap.m.Label, sap.m.MessageStrip, sap.m.ObjectIdentifier, sap.m.ObjectNumber, sap.m.RadioButton, sap.m.RadioButtonGroup, sap.m.SegmentedButton, sap.m.SegmentedButtonItem, sap.m.Slider, sap.m.Table, sap.m.Text, sap.ui.core.mvc.View, sap.ui.layout.BlockLayout, sap.ui.layout.BlockLayoutCell, sap.ui.layout.BlockLayoutRow, sap.ui.layout.VerticalLayout, sap.ui.layout.form.SimpleForm

The class

" @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.