SmartFilterBar and SmartTable
needs the GWSAMPLE_BASIC OData service
Z2UI5_CL_SMPS_APP_477
Stack
Smart Controls
UI5 1.71
needs a system
needs a system. This sample is listed here because a sample somebody cannot find is worse than one they cannot run: SAPUI5 + an activated Gateway service. The ABAP is below; installed on a system that has what it needs, it runs there.
The facts
- Repository
- abap2UI5/samples-stack
- Class
Z2UI5_CL_SMPS_APP_477- Source file
z2ui5_cl_smps_app_477.clas.abap↗- Category
- Smart Controls
- Minimum UI5
- 1.71 — the floor abap2UI5 holds its samples to
- In the playground
- needs a system — it opens for reading instead
- Runs on
- Cloud + Standard ≥ 7.40 SP08
Keywords: smartfilterbar, smarttable, filter, search, annotations, controlconfiguration
Controls it builds
- sap.m.Page
- sap.m.Shell
- sap.ui.comp.smartfilterbar.ControlConfiguration
- sap.ui.comp.smartfilterbar.SmartFilterBar
- sap.ui.comp.smarttable.SmartTable
- 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
The ABAP
z2ui5_cl_smps_app_477.clas.abap — 79 lines, on branch 02-smart-controls
Click a number to link to a line — shift-click for a range.
Read it on GitHub ↗
" @keywords smartfilterbar smarttable filter search annotations controlconfiguration
" @summary needs the GWSAMPLE_BASIC OData service
CLASS z2ui5_cl_smps_app_477 DEFINITION PUBLIC.
PUBLIC SECTION.
INTERFACES z2ui5_if_app.
PROTECTED SECTION.
" Smart controls build their UI from OData V2 metadata, so this app carries no
" ABAP data at all - it switches the default model to a service instead. The
" SAP Gateway demo service GWSAMPLE_BASIC ships with every on-premise system
" and only has to be activated once in /IWFND/MAINT_SERVICE. Its entity set is
" ProductSet, which is why the tutorial's Products entity set is mapped onto it.
CONSTANTS c_odata_service TYPE string VALUE `/sap/opu/odata/IWBEP/GWSAMPLE_BASIC/`.
PRIVATE SECTION.
ENDCLASS.
CLASS z2ui5_cl_smps_app_477 IMPLEMENTATION.
METHOD z2ui5_if_app~main.
IF client->check_on_navigated( ).
DATA(view) = z2ui5_cl_ui5_view_builder=>factory(
)->ele( n = `View` ns = `mvc`
)->a( n = `displayBlock` v = `true`
)->a( n = `height` v = `100%`
)->a( n = `xmlns` v = `sap.m`
)->a( n = `xmlns:mvc` v = `sap.ui.core.mvc`
)->a( n = `xmlns:core` v = `sap.ui.core`
)->a( n = `xmlns:smartFilterBar` v = `sap.ui.comp.smartfilterbar`
)->a( n = `xmlns:smartTable` v = `sap.ui.comp.smarttable` ).
DATA(page) = view->ele( `Shell`
)->ele( `Page`
)->a( n = `title` v = `abap2UI5 - Smart Controls - SmartTable`
)->a( n = `showNavButton` b = client->check_app_prev_stack( )
)->a( n = `navButtonPress` v = client->_event_nav_app_leave( ) ).
" No model data and no event wiring: the SmartTable binds itself
" (enableautobinding) and reads the SmartFilterBar's conditions through the
" smartfilterid association - the whole app is the view plus the service.
page->ele( n = `SmartFilterBar` ns = `smartFilterBar`
)->a( n = `id` v = `smartFilterBar`
)->a( n = `entitySet` v = `ProductSet`
)->ele( n = `controlConfiguration` ns = `smartFilterBar`
)->tag( n = `ControlConfiguration` ns = `smartFilterBar`
)->a( n = `key` v = `Category`
)->a( n = `visibleInAdvancedArea` v = `true`
)->a( n = `preventInitialDataFetchInValueHelpDialog` v = `false` ).
" GWSAMPLE_BASIC carries no UI.LineItem annotation, and without one a
" SmartTable starts with NO columns at all - it renders the "add columns to
" see the content" placeholder instead of falling back to all metadata
" fields. The initially visible fields therefore have to be named; the
" tutorial's own service annotates the four columns it shows.
page->ele( n = `SmartTable` ns = `smartTable`
)->a( n = `id` v = `smartTable_ResponsiveTable`
)->a( n = `smartFilterId` v = `smartFilterBar`
)->a( n = `tableType` v = `ResponsiveTable`
)->a( n = `editable` v = `false`
)->a( n = `initiallyVisibleFields` v = `ProductID,Name,Category,SupplierName,Price`
)->a( n = `entitySet` v = `ProductSet`
)->a( n = `useVariantManagement` v = `false`
)->a( n = `useTablePersonalisation` v = `false`
)->a( n = `header` v = `Products`
)->a( n = `showRowCount` v = `true`
)->a( n = `enableExport` v = `false`
)->a( n = `enableAutoBinding` v = `true` ).
client->view_display( val = view->stringify( ) switch_default_model_path = c_odata_service ).
ENDIF.
ENDMETHOD.
ENDCLASS.
More in Smart Controls
- Smart Table and Variants — with variant management - UI_PRODUCTLIST
- Switch Default Model — device, HTTP and OData model side by side - GWSAMPLE_BASIC
- Smart Multi Input — UI conditions mapped 1:1 onto an ABAP range table
- SmartField in a SmartForm — needs the GWSAMPLE_BASIC OData service
- SmartForm, editable toggle — needs the GWSAMPLE_BASIC OData service
- Page Variant Management — needs the GWSAMPLE_BASIC OData service
- SmartChart with NavPopover — an analytical service - you supply the path
- classic FilterBar variants — no service needed - the data is ABAP
On this page