Class 

sap.m.TileContainer


About

A container that arranges same-size tiles nicely on carousel pages


Use

The parent sap.m.Page need to set the attribute enableScrolling = false





Binding

Binding it to an internal table gives you the possibility to create dynamically StandardTiles in the TileContainer. To handle the binded tiles press event, you can use the following code in ABAP/Neptune


On the Press Event for the Standard Tile (javascript)


var context = oEvent.oSource.getBindingContext();

var object = context.getProperty("OBJECT");

var method = context.getProperty("METHOD");

var parameter = context.getProperty("PARAMETER");

var obj = window[object];

obj[method](parameter);



ABAP Part


* Tile Info
  wa_tile-title = 'Title 1'.
  wa_tile-info = 'Info 1'.
  wa_tile-icon = 'sap-icon://employee'.
  wa_tile-infostate = 'Success'.
  wa_tile-icondensityaware = 'false'.
  wa_tile-removable = 'false'.
  wa_tile-type = 'None'.

* Javascript Navigation
  wa_tile-object = 'App'.
  wa_tile-method = 'to'.
  wa_tile-parameter = 'pageSearch'.

  append wa_tile to it_tile.
  clear wa_tile.



Example structure for the Tilebinding





Preview

Capture.PNG

Reference


API


Testsuite