Icon Tab Bar - Filter
In this example, the Icon Tab Bar is used to apply filters on a table and display the count of the items for each view.
Z2UI5_CL_SMPC_APP_377
Controls
sap.m
UI5 1.71
The facts
- Repository
- abap2UI5/samples-controls
- Class
Z2UI5_CL_SMPC_APP_377- Source file
z2ui5_cl_smpc_app_377.clas.abap↗- Library
- sap.m
- UI5 entity
sap.m.IconTabBar- Demo kit sample
sap.m.sample.IconTabBar- 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: icontabbar, icon, tab, bar, sap.m, icontabfilter, icontabseparator, table, overflowtoolbar, label, column, text
Controls it builds
- sap.m.Column
- sap.m.ColumnListItem
- sap.m.IconTabBar
- sap.m.IconTabFilter
- sap.m.IconTabSeparator
- sap.m.Label
- sap.m.ObjectIdentifier
- sap.m.ObjectNumber
- sap.m.OverflowToolbar
- sap.m.Table
- sap.m.Text
- sap.ui.core.mvc.View
Read out of the builder chain by the abap2UI5 linter, not from the category this sample is filed under — which is what makes “which samples build one of these” a question the catalogue can answer at all.
Libraries
Run it here
The sample running, in this page — the app on its own, with no editor over it.
Switch to Playground with this code
Nothing is installed and nothing is sent anywhere: the ABAP is compiled to JavaScript in this browser and runs against abap2UI5 itself.
The ABAP
z2ui5_cl_smpc_app_377.clas.abap — 532 lines
Click a number to link to a line — shift-click for a range.
Read it on GitHub ↗
" @keywords icontabbar icon tab bar sap.m icontabfilter icontabseparator table overflowtoolbar label column text
" @summary In this example, the Icon Tab Bar is used to apply filters on a table and display the count of the items for each view.
" @origin sap.m.sample.IconTabBar - https://sdk.openui5.org/entity/sap.m.IconTabBar/sample/sap.m.sample.IconTabBar (status: reviewed - read against the original, not run)
CLASS z2ui5_cl_smpc_app_377 DEFINITION PUBLIC.
PUBLIC SECTION.
INTERFACES z2ui5_if_app.
TYPES:
BEGIN OF ty_s_product,
productid TYPE string,
name TYPE string,
suppliername TYPE string,
weightmeasure TYPE p LENGTH 8 DECIMALS 3,
weightunit TYPE string,
weight_state TYPE string,
price TYPE p LENGTH 8 DECIMALS 2,
currencycode TYPE string,
width TYPE string,
depth TYPE string,
height TYPE string,
dimunit TYPE string,
END OF ty_s_product.
DATA t_products TYPE STANDARD TABLE OF ty_s_product WITH EMPTY KEY.
" /ProductCollectionStats/Counts of the shared mock, bound to the tab counts
" the IconTabBar's selected tab, bound to selectedKey. The original has no
" such attribute and needs none: a UI5 view is built once, so its tab state
" simply persists. This port rebuilds the view on check_on_navigated( ), and
" an UNBOUND selectedKey resets the bar to its first tab ("All") while
" t_products still holds whatever the last filter left - the bar would claim
" "All" over a filtered table. Binding the key makes the tab survive every
" rebuild, so tab and rows can no longer disagree.
DATA selected_tab TYPE string.
DATA count_total TYPE i.
DATA count_ok TYPE i.
DATA count_heavy TYPE i.
DATA count_overweight TYPE i.
PROTECTED SECTION.
DATA client TYPE REF TO z2ui5_if_client.
DATA t_all TYPE STANDARD TABLE OF ty_s_product WITH EMPTY KEY.
METHODS view_display.
METHODS on_event.
METHODS table_filter
IMPORTING
key TYPE string.
METHODS weight_state_set.
METHODS model_init.
PRIVATE SECTION.
ENDCLASS.
CLASS z2ui5_cl_smpc_app_377 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( ).
ELSEIF client->check_on_event( ).
on_event( ).
ENDIF.
ENDMETHOD.
METHOD view_display.
DATA(view) = z2ui5_cl_ui5_view_builder=>factory( ).
view->ele( n = `View` ns = `mvc`
)->a( n = `xmlns:mvc` v = `sap.ui.core.mvc`
)->a( n = `xmlns` v = `sap.m`
)->ele( `IconTabBar`
)->a( n = `id` v = `idIconTabBar`
)->a( n = `selectedKey` v = client->_bind( selected_tab )
)->a( n = `select` v = client->_event( val = `FILTER_SELECT` arg = `${$parameters>/key}` )
)->a( n = `class` v = `sapUiResponsiveContentPadding`
)->ele( `items`
)->tag( `IconTabFilter`
)->a( n = `showAll` v = `true`
)->a( n = `count` v = client->_bind( count_total )
)->a( n = `text` v = `Products`
)->a( n = `key` v = `All`
)->tag( `IconTabSeparator`
)->tag( `IconTabFilter`
)->a( n = `icon` v = `sap-icon://begin`
)->a( n = `iconColor` v = `Positive`
)->a( n = `count` v = client->_bind( count_ok )
)->a( n = `text` v = `Ok`
)->a( n = `key` v = `Ok`
)->tag( `IconTabFilter`
)->a( n = `icon` v = `sap-icon://compare`
)->a( n = `iconColor` v = `Critical`
)->a( n = `count` v = client->_bind( count_heavy )
)->a( n = `text` v = `Heavy`
)->a( n = `key` v = `Heavy`
)->tag( `IconTabFilter`
)->a( n = `icon` v = `sap-icon://inventory`
)->a( n = `iconColor` v = `Negative`
)->a( n = `count` v = client->_bind( count_overweight )
)->a( n = `text` v = `Overweight`
)->a( n = `key` v = `Overweight`
)->end(
)->ele( `content`
)->ele( `Table`
)->a( n = `id` v = `productsTable`
)->a( n = `inset` v = `false`
)->a( n = `showSeparators` v = `Inner`
)->a( n = `headerText` v = `Products`
)->a( n = `items` v = |\{ path: '{ client->_bind_path( t_products ) }', sorter: \{ path: 'NAME' \} \}|
)->ele( `infoToolbar`
)->ele( `OverflowToolbar`
)->tag( `Label`
)->a( n = `text` v = `Wide range of available products`
)->end(
)->end(
)->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 = `Desktop`
)->a( n = `demandPopin` v = `true`
)->a( n = `hAlign` v = `End`
)->tag( `Text`
)->a( n = `text` v = `Dimensions`
)->end(
)->ele( `Column`
)->a( n = `minScreenWidth` v = `Desktop`
)->a( n = `demandPopin` v = `true`
)->a( n = `hAlign` v = `Center`
)->tag( `Text`
)->a( n = `text` v = `Weight`
)->end(
)->ele( `Column`
)->a( n = `hAlign` v = `End`
)->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}`
" Formatter.weightState computed in ABAP, bound as a finished value
)->a( n = `state` v = `{WEIGHT_STATE}`
)->tag( `ObjectNumber`
)->a( n = `number` v = |\{ parts: [\{ path: 'PRICE' \}, \{ path: 'CURRENCYCODE' \}], type: 'sap.ui.model.type.Currency', formatOptions: \{ showMeasure: false \} \}|
)->a( n = `unit` v = `{CURRENCYCODE}` ).
client->view_display( view->stringify( ) ).
ENDMETHOD.
METHOD on_event.
IF client->get_event( ) = `FILTER_SELECT`.
table_filter( client->get_event_arg( ) ).
ENDIF.
ENDMETHOD.
METHOD table_filter.
" the original's onFilterSelect builds sap.ui.model.Filters on the items
" binding; the thin frontend filters the model table in ABAP instead.
" The thresholds are the controller's: 1 KG / 1000 G is "Ok", up to
" 5 KG / 5000 G is "Heavy", anything above is "Overweight".
" Collected rather than deleted in place: DELETE ... INDEX sy-tabix inside
" a LOOP over the same table shifts the rows under the loop's own cursor -
" on a system it silently SKIPS the row after each deletion, on the
" transpiled backend it raises TABLE_INVALID_INDEX (2026-08-17).
t_products = VALUE #( ).
selected_tab = key.
LOOP AT t_all INTO DATA(row).
DATA(keep) = abap_false.
DATA(grams) = COND #( WHEN row-weightunit = `G` THEN row-weightmeasure ELSE row-weightmeasure * 1000 ).
CASE key.
WHEN `Ok`.
keep = xsdbool( grams < 1000 ).
WHEN `Heavy`.
keep = xsdbool( grams >= 1000 AND grams <= 5000 ).
WHEN `Overweight`.
keep = xsdbool( grams > 5000 ).
WHEN OTHERS.
keep = abap_true.
ENDCASE.
IF keep = abap_true.
APPEND row TO t_products.
ENDIF.
ENDLOOP.
ENDMETHOD.
METHOD weight_state_set.
" the original's Formatter.weightState, computed in ABAP and bound as a
" finished value (thin frontend). Its two boundaries are KILOGRAMS
" (fMaxWeightSuccess = 1, fMaxWeightWarning = 5) and it normalises a G row
" by 1000 first - both of which this method dropped until 2026-08-21, when
" it compared the RAW measure against 1000 and 2000 instead. Every KG row
" is below 1000, so 66 of the 123 rows came out Success: HT-1000 at 4.2 KG
" should be Warning and HT-1030 at 21 KG should be Error. Same body as the
" live-checked app 009, and the same normalisation table_filter above
" already does for its own thresholds.
LOOP AT t_all ASSIGNING FIELD-SYMBOL(<row>).
DATA(weight_kg) = <row>-weightmeasure.
IF <row>-weightunit = `G`.
weight_kg = weight_kg / 1000.
ENDIF.
<row>-weight_state = COND #( WHEN weight_kg < 0 THEN `None`
WHEN weight_kg < 1 THEN `Success`
WHEN weight_kg < 5 THEN `Warning`
ELSE `Error` ).
ENDLOOP.
ENDMETHOD.
METHOD model_init.
" /ProductCollectionStats/Counts of the shared mock
count_total = 123.
count_ok = 53.
count_heavy = 51.
count_overweight = 19.
" the shared mock /ProductCollection flattened to the bound columns, all 123 rows kept verbatim
t_all = VALUE #(
( productid = `HT-1000` name = `Notebook Basic 15` suppliername = `Very Best Screens`
weightmeasure = '4.2' weightunit = `KG` price = '956' currencycode = `EUR` width = '30' depth = '18' height = '3' dimunit = `cm` )
( productid = `HT-1001` name = `Notebook Basic 17` suppliername = `Very Best Screens`
weightmeasure = '4.5' weightunit = `KG` price = '1249' currencycode = `EUR` width = '29' depth = '17' height = '3.1' dimunit = `cm` )
( productid = `HT-1002` name = `Notebook Basic 18` suppliername = `Very Best Screens`
weightmeasure = '4.2' weightunit = `KG` price = '1570' currencycode = `EUR` width = '28' depth = '19' height = '2.5' dimunit = `cm` )
( productid = `HT-1003` name = `Notebook Basic 19` suppliername = `Smartcards`
weightmeasure = '4.2' weightunit = `KG` price = '1650' currencycode = `EUR` width = '32' depth = '21' height = '4' dimunit = `cm` )
( productid = `HT-1007` name = `ITelO Vault` suppliername = `Technocom`
weightmeasure = '0.2' weightunit = `KG` price = '299' currencycode = `EUR` width = '32' depth = '22' height = '3' dimunit = `cm` )
( productid = `HT-1010` name = `Notebook Professional 15` suppliername = `Very Best Screens`
weightmeasure = '4.3' weightunit = `KG` price = '1999' currencycode = `EUR` width = '33' depth = '20' height = '3' dimunit = `cm` )
( productid = `HT-1011` name = `Notebook Professional 17` suppliername = `Very Best Screens`
weightmeasure = '4.1' weightunit = `KG` price = '2299' currencycode = `EUR` width = '33' depth = '23' height = '2' dimunit = `cm` )
( productid = `HT-1020` name = `ITelO Vault Net` suppliername = `Technocom`
weightmeasure = '0.16' weightunit = `KG` price = '459' currencycode = `EUR` width = '10' depth = '1.8' height = '17' dimunit = `cm` )
( productid = `HT-1021` name = `ITelO Vault SAT` suppliername = `Technocom`
weightmeasure = '0.18' weightunit = `KG` price = '149' currencycode = `EUR` width = '11' depth = '1.7' height = '18' dimunit = `cm` )
( productid = `HT-1022` name = `Comfort Easy` suppliername = `Technocom`
weightmeasure = '0.2' weightunit = `KG` price = '1679' currencycode = `EUR` width = '84' depth = '1.5' height = '14' dimunit = `cm` )
( productid = `HT-1023` name = `Comfort Senior` suppliername = `Technocom`
weightmeasure = '0.8' weightunit = `KG` price = '512' currencycode = `EUR` width = '80' depth = '1.6' height = '13' dimunit = `cm` )
( productid = `HT-1030` name = `Ergo Screen E-I` suppliername = `Very Best Screens`
weightmeasure = '21' weightunit = `KG` price = '230' currencycode = `EUR` width = '37' depth = '12' height = '36' dimunit = `cm` )
( productid = `HT-1031` name = `Ergo Screen E-II` suppliername = `Very Best Screens`
weightmeasure = '21' weightunit = `KG` price = '285' currencycode = `EUR` width = '40.8' depth = '19' height = '43' dimunit = `cm` )
( productid = `HT-1032` name = `Ergo Screen E-III` suppliername = `Very Best Screens`
weightmeasure = '21' weightunit = `KG` price = '345' currencycode = `EUR` width = '40.8' depth = '19' height = '43' dimunit = `cm` )
( productid = `HT-1035` name = `Flat Basic` suppliername = `Very Best Screens`
weightmeasure = '14' weightunit = `KG` price = '399' currencycode = `EUR` width = '39' depth = '20' height = '41' dimunit = `cm` )
( productid = `HT-1036` name = `Flat Future` suppliername = `Very Best Screens`
weightmeasure = '15' weightunit = `KG` price = '430' currencycode = `EUR` width = '45' depth = '26' height = '46' dimunit = `cm` )
( productid = `HT-1037` name = `Flat XL` suppliername = `Very Best Screens`
weightmeasure = '17' weightunit = `KG` price = '1230' currencycode = `EUR` width = '54.5' depth = '22.1' height = '39.1' dimunit = `cm` )
( productid = `HT-1040` name = `Laser Professional Eco` suppliername = `Alpha Printers`
weightmeasure = '32' weightunit = `KG` price = '830' currencycode = `EUR` width = '51' depth = '46' height = '30' dimunit = `cm` )
( productid = `HT-1041` name = `Laser Basic` suppliername = `Alpha Printers`
weightmeasure = '23' weightunit = `KG` price = '490' currencycode = `EUR` width = '48' depth = '42' height = '26' dimunit = `cm` )
( productid = `HT-1042` name = `Laser Allround` suppliername = `Alpha Printers`
weightmeasure = '17' weightunit = `KG` price = '349' currencycode = `EUR` width = '53' depth = '50' height = '65' dimunit = `cm` )
( productid = `HT-1050` name = `Ultra Jet Super Color` suppliername = `Alpha Printers`
weightmeasure = '3' weightunit = `KG` price = '139' currencycode = `EUR` width = '41' depth = '41' height = '28' dimunit = `cm` )
( productid = `HT-1051` name = `Ultra Jet Mobile` suppliername = `Printer for All`
weightmeasure = '1.9' weightunit = `KG` price = '99' currencycode = `EUR` width = '46' depth = '32' height = '25' dimunit = `cm` )
( productid = `HT-1052` name = `Ultra Jet Super Highspeed` suppliername = `Printer for All`
weightmeasure = '18' weightunit = `KG` price = '170' currencycode = `EUR` width = '41' depth = '41' height = '28' dimunit = `cm` )
( productid = `HT-1055` name = `Multi Print` suppliername = `Printer for All`
weightmeasure = '6.3' weightunit = `KG` price = '99' currencycode = `EUR` width = '55' depth = '45' height = '29' dimunit = `cm` )
( productid = `HT-1056` name = `Multi Color` suppliername = `Printer for All`
weightmeasure = '4.3' weightunit = `KG` price = '119' currencycode = `EUR` width = '51' depth = '41.3' height = '22' dimunit = `cm` )
( productid = `HT-1060` name = `Cordless Mouse` suppliername = `Oxynum`
weightmeasure = '0.09' weightunit = `KG` price = '9' currencycode = `EUR` width = '6' depth = '14.5' height = '3.5' dimunit = `cm` )
( productid = `HT-1061` name = `Speed Mouse` suppliername = `Oxynum`
weightmeasure = '0.09' weightunit = `KG` price = '7' currencycode = `EUR` width = '7' depth = '15' height = '3.1' dimunit = `cm` )
( productid = `HT-1062` name = `Track Mouse` suppliername = `Oxynum`
weightmeasure = '0.03' weightunit = `KG` price = '11' currencycode = `EUR` width = '3' depth = '7' height = '4' dimunit = `cm` )
( productid = `HT-1063` name = `Ergonomic Keyboard` suppliername = `Oxynum`
weightmeasure = '2.1' weightunit = `KG` price = '14' currencycode = `EUR` width = '50' depth = '21' height = '3.5' dimunit = `cm` )
( productid = `HT-1064` name = `Internet Keyboard` suppliername = `Oxynum`
weightmeasure = '1.8' weightunit = `KG` price = '16' currencycode = `EUR` width = '52' depth = '25' height = '3' dimunit = `cm` )
( productid = `HT-1065` name = `Media Keyboard` suppliername = `Oxynum`
weightmeasure = '2.3' weightunit = `KG` price = '26' currencycode = `EUR` width = '51.4' depth = '23' height = '4' dimunit = `cm` )
( productid = `HT-1066` name = `Mousepad` suppliername = `Oxynum`
weightmeasure = '80' weightunit = `G` price = '6.99' currencycode = `EUR` width = '15' depth = '6' height = '0.2' dimunit = `cm` )
( productid = `HT-1067` name = `Ergo Mousepad` suppliername = `Oxynum`
weightmeasure = '80' weightunit = `G` price = '8.99' currencycode = `EUR` width = '15' depth = '6' height = '0.2' dimunit = `cm` )
( productid = `HT-1068` name = `Designer Mousepad` suppliername = `Fasttech`
weightmeasure = '90' weightunit = `G` price = '12.99' currencycode = `EUR` width = '24' depth = '24' height = '0.6' dimunit = `cm` )
( productid = `HT-1069` name = `Universal card reader` suppliername = `Fasttech`
weightmeasure = '45' weightunit = `G` price = '14' currencycode = `EUR` width = '6' depth = '6' height = '3' dimunit = `cm` )
( productid = `HT-1070` name = `Proctra X` suppliername = `Ultrasonic United`
weightmeasure = '0.255' weightunit = `KG` price = '70.9' currencycode = `EUR` width = '22' depth = '35' height = '17' dimunit = `cm` )
( productid = `HT-1071` name = `Gladiator MX` suppliername = `Ultrasonic United`
weightmeasure = '0.3' weightunit = `KG` price = '81.7' currencycode = `EUR` width = '22' depth = '35' height = '17' dimunit = `cm` )
( productid = `HT-1072` name = `Hurricane GX` suppliername = `Ultrasonic United`
weightmeasure = '0.4' weightunit = `KG` price = '101.2' currencycode = `EUR` width = '22' depth = '35' height = '17' dimunit = `cm` )
( productid = `HT-1073` name = `Hurricane GX/LN` suppliername = `Smartcards`
weightmeasure = '0.4' weightunit = `KG` price = '139.99' currencycode = `EUR` width = '22' depth = '35' height = '17' dimunit = `cm` )
( productid = `HT-1080` name = `Photo Scan` suppliername = `Printer for All`
weightmeasure = '2.3' weightunit = `KG` price = '129' currencycode = `EUR` width = '34' depth = '48' height = '5' dimunit = `cm` )
( productid = `HT-1081` name = `Power Scan` suppliername = `Printer for All`
weightmeasure = '2.4' weightunit = `KG` price = '89' currencycode = `EUR` width = '31' depth = '43' height = '7' dimunit = `cm` )
( productid = `HT-1082` name = `Jet Scan Professional` suppliername = `Printer for All`
weightmeasure = '3.2' weightunit = `KG` price = '169' currencycode = `EUR` width = '33' depth = '41' height = '12' dimunit = `cm` )
( productid = `HT-1083` name = `Jet Scan Professional` suppliername = `Printer for All`
weightmeasure = '3.2' weightunit = `KG` price = '189' currencycode = `EUR` width = '35' depth = '40' height = '10' dimunit = `cm` )
( productid = `HT-1085` name = `Copymaster` suppliername = `Alpha Printers`
weightmeasure = '23.2' weightunit = `KG` price = '1499' currencycode = `EUR` width = '45' depth = '42' height = '22' dimunit = `cm` )
( productid = `HT-1090` name = `Surround Sound` suppliername = `Speaker Experts`
weightmeasure = '3' weightunit = `KG` price = '39' currencycode = `EUR` width = '12' depth = '10' height = '16' dimunit = `cm` )
( productid = `HT-1091` name = `Blaster Extreme` suppliername = `Speaker Experts`
weightmeasure = '1.4' weightunit = `KG` price = '26' currencycode = `EUR` width = '13' depth = '11' height = '17.5' dimunit = `cm` )
( productid = `HT-1092` name = `Sound Booster` suppliername = `Speaker Experts`
weightmeasure = '2.1' weightunit = `KG` price = '45' currencycode = `EUR` width = '12.4' depth = '10.4' height = '18.1' dimunit = `cm` )
( productid = `HT-1095` name = `Lovely Sound 5.1 Wireless` suppliername = `Fasttech`
weightmeasure = '80' weightunit = `G` price = '49' currencycode = `EUR` width = '24' depth = '19' height = '23' dimunit = `cm` )
( productid = `HT-1096` name = `Lovely Sound 5.1` suppliername = `Fasttech`
weightmeasure = '130' weightunit = `G` price = '39' currencycode = `EUR` width = '25' depth = '17' height = '19' dimunit = `cm` )
( productid = `HT-1097` name = `Lovely Sound Stereo` suppliername = `Fasttech`
weightmeasure = '60' weightunit = `G` price = '29' currencycode = `EUR` width = '21.3' depth = '2.4' height = '19.7' dimunit = `cm` )
( productid = `HT-1100` name = `Smart Office` suppliername = `Technocom`
weightmeasure = '1.2' weightunit = `KG` price = '89.9' currencycode = `EUR` width = '15' depth = '6.5' height = '2.1' dimunit = `cm` )
( productid = `HT-1101` name = `Smart Design` suppliername = `Technocom`
weightmeasure = '0.8' weightunit = `KG` price = '79.9' currencycode = `EUR` width = '14' depth = '6.7' height = '24' dimunit = `cm` )
( productid = `HT-1102` name = `Smart Network` suppliername = `Technocom`
weightmeasure = '0.8' weightunit = `KG` price = '69' currencycode = `EUR` width = '16' depth = '6' height = '27' dimunit = `cm` )
( productid = `HT-1103` name = `Smart Multimedia` suppliername = `Technocom`
weightmeasure = '0.8' weightunit = `KG` price = '77' currencycode = `EUR` width = '11' depth = '3.4' height = '22' dimunit = `cm` )
( productid = `HT-1104` name = `Smart Games` suppliername = `Technocom`
weightmeasure = '1.1' weightunit = `KG` price = '55' currencycode = `EUR` width = '10' depth = '3' height = '30' dimunit = `cm` )
( productid = `HT-1105` name = `Smart Internet Antivirus` suppliername = `Brainsoft`
weightmeasure = '0.7' weightunit = `KG` price = '29' currencycode = `EUR` width = '16' depth = '4' height = '21' dimunit = `cm` )
( productid = `HT-1106` name = `Smart Firewall` suppliername = `Brainsoft`
weightmeasure = '0.9' weightunit = `KG` price = '34' currencycode = `EUR` width = '17.9' depth = '4.2' height = '23.1' dimunit = `cm` )
( productid = `HT-1107` name = `Smart Money` suppliername = `Brainsoft`
weightmeasure = '0.5' weightunit = `KG` price = '29.9' currencycode = `EUR` width = '12' depth = '1.5' height = '19' dimunit = `cm` )
( productid = `HT-1110` name = `PC Lock` suppliername = `Red Point Stores`
weightmeasure = '0.03' weightunit = `KG` price = '8.9' currencycode = `EUR` width = '20' depth = '8' height = '4.3' dimunit = `cm` )
( productid = `HT-1111` name = `Notebook Lock` suppliername = `Red Point Stores`
weightmeasure = '0.02' weightunit = `KG` price = '6.9' currencycode = `EUR` width = '31' depth = '9' height = '7' dimunit = `cm` )
( productid = `HT-1112` name = `Web cam reality` suppliername = `Red Point Stores`
weightmeasure = '0.075' weightunit = `KG` price = '39' currencycode = `EUR` width = '9' depth = '8.2' height = '1.3' dimunit = `cm` )
( productid = `HT-1113` name = `Screen clean` suppliername = `Red Point Stores`
weightmeasure = '0.05' weightunit = `KG` price = '2.3' currencycode = `EUR` width = '2' depth = '2' height = '0.1' dimunit = `cm` )
( productid = `HT-1114` name = `Fabric bag professional` suppliername = `Red Point Stores`
weightmeasure = '1.8' weightunit = `KG` price = '31' currencycode = `EUR` width = '42' depth = '32' height = '7' dimunit = `cm` )
( productid = `HT-1115` name = `Wireless DSL Router` suppliername = `Red Point Stores`
weightmeasure = '0.45' weightunit = `KG` price = '49' currencycode = `EUR` width = '19.3' depth = '18' height = '5' dimunit = `cm` )
( productid = `HT-1116` name = `Wireless DSL Router / Repeater` suppliername = `Red Point Stores`
weightmeasure = '0.45' weightunit = `KG` price = '59' currencycode = `EUR` width = '19.3' depth = '18' height = '5' dimunit = `cm` )
( productid = `HT-1117` name = `Wireless DSL Router / Repeater and Print Server` suppliername = `Technocom`
weightmeasure = '0.45' weightunit = `KG` price = '69' currencycode = `EUR` width = '19.3' depth = '18' height = '5' dimunit = `cm` )
( productid = `HT-1118` name = `USB Stick` suppliername = `Technocom`
weightmeasure = '0.015' weightunit = `KG` price = '35' currencycode = `EUR` width = '1.5' depth = '8.7' height = '1.2' dimunit = `cm` )
( productid = `HT-1119` name = `Travel Adapter` suppliername = `Titanium`
weightmeasure = '88' weightunit = `G` price = '79' currencycode = `EUR` width = '2' depth = '3.1' height = '3.9' dimunit = `cm` )
( productid = `HT-1120` name = `Cordless Bluetooth Keyboard, english international` suppliername = `Technocom`
weightmeasure = '1' weightunit = `KG` price = '29' currencycode = `EUR` width = '51.4' depth = '23' height = '4' dimunit = `cm` )
( productid = `HT-1137` name = `Flat XXL` suppliername = `Technocom`
weightmeasure = '18' weightunit = `KG` price = '1430' currencycode = `EUR` width = '54' depth = '22' height = '38' dimunit = `cm` )
( productid = `HT-1138` name = `Pocket Mouse` suppliername = `Technocom`
weightmeasure = '0.02' weightunit = `KG` price = '23' currencycode = `EUR` width = '0.3' depth = '0.5' height = '1' dimunit = `cm` )
( productid = `HT-1210` name = `PC Power Station` suppliername = `Technocom`
weightmeasure = '2.3' weightunit = `KG` price = '2399' currencycode = `EUR` width = '28' depth = '31' height = '43' dimunit = `cm` )
( productid = `HT-1251` name = `Astro Laptop 1516` suppliername = `Ultrasonic United`
weightmeasure = '4.2' weightunit = `KG` price = '989' currencycode = `EUR` width = '30' depth = '18' height = '3' dimunit = `cm` )
( productid = `HT-1252` name = `Astro Phone 6` suppliername = `Ultrasonic United`
weightmeasure = '0.75' weightunit = `KG` price = '649' currencycode = `EUR` width = '8' depth = '6' height = '1.5' dimunit = `cm` )
( productid = `HT-1253` name = `Benda Laptop 1408` suppliername = `Ultrasonic United`
weightmeasure = '4.2' weightunit = `KG` price = '976' currencycode = `EUR` width = '30' depth = '18' height = '3' dimunit = `cm` )
( productid = `HT-1254` name = `Bending Screen 21HD` suppliername = `Ultrasonic United`
weightmeasure = '15' weightunit = `KG` price = '250' currencycode = `EUR` width = '37' depth = '12' height = '36' dimunit = `cm` )
( productid = `HT-1255` name = `Broad Screen 22HD` suppliername = `Ultrasonic United`
weightmeasure = '16' weightunit = `KG` price = '270' currencycode = `EUR` width = '39' depth = '12' height = '38' dimunit = `cm` )
( productid = `HT-1256` name = `Cerdik Phone 7` suppliername = `Ultrasonic United`
weightmeasure = '0.75' weightunit = `KG` price = '549' currencycode = `EUR` width = '9' depth = '15' height = '1.5' dimunit = `cm` )
( productid = `HT-1257` name = `Cepat Tablet 10.5` suppliername = `Ultrasonic United`
weightmeasure = '2.8' weightunit = `KG` price = '549' currencycode = `EUR` width = '48' depth = '31' height = '4.5' dimunit = `cm` )
( productid = `HT-1258` name = `Cepat Tablet 8` suppliername = `Ultrasonic United`
weightmeasure = '2.5' weightunit = `KG` price = '529' currencycode = `EUR` width = '38' depth = '21' height = '3.5' dimunit = `cm` )
( productid = `HT-1500` name = `Server Basic` suppliername = `Technocom`
weightmeasure = '18' weightunit = `KG` price = '5000' currencycode = `EUR` width = '34' depth = '35' height = '23' dimunit = `cm` )
( productid = `HT-1501` name = `Server Professional` suppliername = `Technocom`
weightmeasure = '25' weightunit = `KG` price = '15000' currencycode = `EUR` width = '29' depth = '30' height = '27' dimunit = `cm` )
( productid = `HT-1502` name = `Server Power Pro` suppliername = `Technocom`
weightmeasure = '35' weightunit = `KG` price = '25000' currencycode = `EUR` width = '22' depth = '27.3' height = '37' dimunit = `cm` )
( productid = `HT-1600` name = `Family PC Basic` suppliername = `Titanium`
weightmeasure = '4.8' weightunit = `KG` price = '600' currencycode = `EUR` width = '21.4' depth = '29' height = '38' dimunit = `cm` )
( productid = `HT-1601` name = `Family PC Pro` suppliername = `Titanium`
weightmeasure = '5.3' weightunit = `KG` price = '900' currencycode = `EUR` width = '25' depth = '31.7' height = '40.2' dimunit = `cm` )
( productid = `HT-1602` name = `Gaming Monster` suppliername = `Titanium`
weightmeasure = '5.9' weightunit = `KG` price = '1200' currencycode = `EUR` width = '26.5' depth = '34' height = '47' dimunit = `cm` )
( productid = `HT-1603` name = `Gaming Monster Pro` suppliername = `Titanium`
weightmeasure = '6.8' weightunit = `KG` price = '1700' currencycode = `EUR` width = '27' depth = '28' height = '42' dimunit = `cm` )
( productid = `HT-2000` name = `7" Widescreen Portable DVD Player w MP3` suppliername = `Titanium`
weightmeasure = '0.79' weightunit = `KG` price = '249.99' currencycode = `EUR` width = '21.4' depth = '19' height = '27.6' dimunit = `cm` )
( productid = `HT-2001` name = `10" Portable DVD player` suppliername = `Titanium`
weightmeasure = '0.84' weightunit = `KG` price = '449.99' currencycode = `EUR` width = '24' depth = '19.5' height = '29' dimunit = `cm` )
( productid = `HT-2002` name = `Portable DVD Player with 9" LCD Monitor` suppliername = `Technocom`
weightmeasure = '0.72' weightunit = `KG` price = '853.99' currencycode = `EUR` width = '21' depth = '16.5' height = '14' dimunit = `cm` )
( productid = `HT-2025` name = `CD/DVD case: 264 sleeves` suppliername = `Titanium`
weightmeasure = '0.65' weightunit = `KG` price = '44.99' currencycode = `EUR` width = '13' depth = '13' height = '20' dimunit = `cm` )
( productid = `HT-2026` name = `Audio/Video Cable Kit - 4m` suppliername = `Titanium`
weightmeasure = '0.2' weightunit = `KG` price = '29.99' currencycode = `EUR` width = '21' depth = '10.2' height = '13' dimunit = `cm` )
( productid = `HT-2027` name = `Removable CD/DVD Laser Labels` suppliername = `Titanium`
weightmeasure = '0.15' weightunit = `KG` price = '8.99' currencycode = `EUR` width = '5.5' depth = '2' height = '2' dimunit = `cm` )
( productid = `HT-6100` name = `Beam Breaker B-1` suppliername = `Titanium`
weightmeasure = '1.7' weightunit = `KG` price = '469' currencycode = `EUR` width = '30.4' depth = '23.1' height = '23' dimunit = `cm` )
( productid = `HT-6101` name = `Beam Breaker B-2` suppliername = `Technocom`
weightmeasure = '2' weightunit = `KG` price = '679' currencycode = `EUR` width = '30.4' depth = '23.1' height = '23' dimunit = `cm` )
( productid = `HT-6102` name = `Beam Breaker B-3` suppliername = `Technocom`
weightmeasure = '2.5' weightunit = `KG` price = '889' currencycode = `EUR` width = '30.4' depth = '23.1' height = '23' dimunit = `cm` )
( productid = `HT-6110` name = `Play Movie` suppliername = `Fasttech`
weightmeasure = '2.4' weightunit = `KG` price = '130' currencycode = `EUR` width = '37' depth = '24' height = '6' dimunit = `cm` )
( productid = `HT-6111` name = `Record Movie` suppliername = `Fasttech`
weightmeasure = '3.1' weightunit = `KG` price = '288' currencycode = `EUR` width = '38' depth = '26' height = '6.2' dimunit = `cm` )
( productid = `HT-6120` name = `ITelo MusicStick` suppliername = `Fasttech`
weightmeasure = '134' weightunit = `G` price = '45' currencycode = `EUR` width = '1.5' depth = '6' height = '1' dimunit = `cm` )
( productid = `HT-6121` name = `ITelo Jog-Mate` suppliername = `Fasttech`
weightmeasure = '134' weightunit = `G` price = '63' currencycode = `EUR` width = '5.1' depth = '8' height = '9.2' dimunit = `cm` )
( productid = `HT-6122` name = `Power Pro Player 40` suppliername = `Fasttech`
weightmeasure = '266' weightunit = `G` price = '167' currencycode = `EUR` width = '5.1' depth = '8' height = '9.2' dimunit = `cm` )
( productid = `HT-6123` name = `Power Pro Player 80` suppliername = `Fasttech`
weightmeasure = '267' weightunit = `G` price = '299' currencycode = `EUR` width = '4' depth = '6' height = '0.8' dimunit = `cm` )
( productid = `HT-6130` name = `Flat Watch HD32` suppliername = `Very Best Screens`
weightmeasure = '2.6' weightunit = `KG` price = '1459' currencycode = `EUR` width = '78' depth = '22.1' height = '55' dimunit = `cm` )
( productid = `HT-6131` name = `Flat Watch HD37` suppliername = `Very Best Screens`
weightmeasure = '2.2' weightunit = `KG` price = '1199' currencycode = `EUR` width = '99.1' depth = '26' height = '61' dimunit = `cm` )
( productid = `HT-6132` name = `Flat Watch HD41` suppliername = `Very Best Screens`
weightmeasure = '1.8' weightunit = `KG` price = '899' currencycode = `EUR` width = '128' depth = '23' height = '79.1' dimunit = `cm` )
( productid = `HT-7000` name = `Copperberry` suppliername = `Fasttech`
weightmeasure = '0.5' weightunit = `KG` price = '549' currencycode = `EUR` width = '8.1' depth = '13' height = '12.1' dimunit = `cm` )
( productid = `HT-7010` name = `Silverberry` suppliername = `Fasttech`
weightmeasure = '0.5' weightunit = `KG` price = '549' currencycode = `EUR` width = '8.1' depth = '13' height = '12.1' dimunit = `cm` )
( productid = `HT-7020` name = `Goldberry` suppliername = `Fasttech`
weightmeasure = '0.5' weightunit = `KG` price = '549' currencycode = `EUR` width = '8.1' depth = '13' height = '12.1' dimunit = `cm` )
( productid = `HT-7030` name = `Platinberry` suppliername = `Fasttech`
weightmeasure = '0.5' weightunit = `KG` price = '549' currencycode = `EUR` width = '8.1' depth = '13' height = '12.1' dimunit = `cm` )
( productid = `HT-8000` name = `ITelO FlexTop I4000` suppliername = `Titanium`
weightmeasure = '4' weightunit = `KG` price = '799' currencycode = `EUR` width = '31' depth = '19' height = '3.1' dimunit = `cm` )
( productid = `HT-8001` name = `ITelO FlexTop I6300c` suppliername = `Titanium`
weightmeasure = '4.2' weightunit = `KG` price = '799' currencycode = `EUR` width = '32' depth = '20' height = '3.4' dimunit = `cm` )
( productid = `HT-8002` name = `ITelO FlexTop I9100` suppliername = `Titanium`
weightmeasure = '3.5' weightunit = `KG` price = '1199' currencycode = `EUR` width = '38' depth = '21' height = '4.1' dimunit = `cm` )
( productid = `HT-8003` name = `ITelO FlexTop I9800` suppliername = `Titanium`
weightmeasure = '3.8' weightunit = `KG` price = '1388' currencycode = `EUR` width = '48' depth = '31' height = '4.5' dimunit = `cm` )
( productid = `HT-9991` name = `Smartphone Leather Case` suppliername = `Ultrasonic United`
weightmeasure = '0.02' weightunit = `KG` price = '25' currencycode = `EUR` width = '48' depth = '31' height = '4.5' dimunit = `cm` )
( productid = `HT-9992` name = `Smartphone Alpha` suppliername = `Ultrasonic United`
weightmeasure = '0.75' weightunit = `KG` price = '599' currencycode = `EUR` width = '48' depth = '31' height = '4.5' dimunit = `cm` )
( productid = `HT-9993` name = `Mini Tablet` suppliername = `Ultrasonic United`
weightmeasure = '3.8' weightunit = `KG` price = '833' currencycode = `EUR` width = '48' depth = '31' height = '4.5' dimunit = `cm` )
( productid = `HT-9994` name = `Camcorder View` suppliername = `Ultrasonic United`
weightmeasure = '3.8' weightunit = `KG` price = '1388' currencycode = `EUR` width = '48' depth = '31' height = '27' dimunit = `cm` )
( productid = `HT-9995` name = `Tablet Pouch` suppliername = `Titanium`
weightmeasure = '0.03' weightunit = `KG` price = '20' currencycode = `EUR` width = '25' depth = '40' height = '4.5' dimunit = `cm` )
( productid = `HT-9996` name = `Tablet Pouch` suppliername = `Titanium`
weightmeasure = '0.03' weightunit = `KG` price = '20' currencycode = `EUR` width = '25' depth = '40' height = '4.5' dimunit = `cm` )
( productid = `HT-9997` name = `e-Book Reader ReadMe` suppliername = `Titanium`
weightmeasure = '3.8' weightunit = `KG` price = '33' currencycode = `EUR` width = '48' depth = '31' height = '4.5' dimunit = `cm` )
( productid = `HT-9998` name = `Smartphone Beta` suppliername = `Titanium`
weightmeasure = '0.75' weightunit = `KG` price = '30' currencycode = `EUR` width = '48' depth = '31' height = '4.5' dimunit = `cm` )
( productid = `HT-9999` name = `Maxi Tablet` suppliername = `Titanium`
weightmeasure = '3.8' weightunit = `KG` price = '749' currencycode = `EUR` width = '48' depth = '31' height = '4.5' dimunit = `cm` )
( productid = `PF-1000` name = `Flyer` suppliername = `Titanium`
weightmeasure = '0.01' weightunit = `KG` price = '0' currencycode = `EUR` width = '46' depth = '30' height = '3' dimunit = `cm` ) ).
weight_state_set( ).
t_products = t_all.
selected_tab = `All`.
ENDMETHOD.
ENDCLASS.
More in sap.m
- TextArea - Value States — This sample illustrates the different value states of the sap.m.TextArea control.
- Text - Max Lines — The Text control has a property to limit the number of lines for wrapping texts.
- Select - Validation states — Visualizes the validation state of the control, for example, Error, Warning and Success.
- Select - Wrapping text — Illustrates how the text in items wrap.
- Step Input - Value States — This example shows different StepInput value states.
- Standard List Item - Wrapping — This sample demonstrates the wrapping behavior of the title text and the description text…
- Icon Tab Bar - Text and Count — In this example, the Icon Tab Bar tabs display text and corresponding count.
- Icon Tab Bar - Inline Mode — In this example, the Icon Tab Bar tabs display the text and the count in one line.
- Icon Tab Bar - Icons Only — In this example, the Icon Tab Bar tabs display icons only.
- Icon Tab Bar - Text Only — In this example, the Icon Tab Bar tabs display text only.
- Icon Tab Bar - Sub tabs — This sample illustrates nested tabs with or without own content in their root-level tab.
- Icon Tab Bar - Separator — This is an example how to use separators in the Icon Tab Bar. You can choose an icon as a…
On this page