Skip to Content

Ola pessoal ,


Eu sou o Sidney Gabriel , trabalho como SAP Hana developer e esse é o terceiro post da serie “Small Notes”

Hoje eu mostrarei de duas formas(xml view e javascript view) como utilizar o TileContainer e StandardTile trazendo informações por um JSONModel


vamos la


1 – TileConteiner (sap.m.TileContainer)

  • Propriedades do TileContainer

-Extende a class Control  ( herda as propriedades também da classe Control)

– width : por padrão é 100%

– heigth: por padrão e 100%

– editable:  boolean

– allowAdd:  bollean

  • Agregações

– tiles (como um contêiner  ele aceita dentro dele apenas Tiles)

Exemplo de declaração do tileConteiner em  xml e Javascript:

Xml

tileConteiner.png

javaScript

tileConteinerJs.png

2 – StandardTile( sap.m.StandardTile)

  • Propriedades do standardTile


– title :  titulo do tile

– info:  descrição informativa

– icon: caminho para o icone do tile

– activeIcon:

– number :  contador numerico

– numberUnit:  unidade referente ao contador

– infoState:  informação de status

– type: tipo

  • Agregações

Não aceita agregações.

Exemplo de declaração do StandardTile  em  xml e Javascript:

As informações mostradas no StandardTile estão vindo de um objeto js via Binding

Xml

/wp-content/uploads/2015/08/tilexml_779926.png

javaScript

tileConteinerJs.png

3 – JSONModel(sap.ui.model.json.JSONModel)

O construtor do JSONModel espera que você forneça a URL de um oData ou um objeto JS. Para a demonstração eu utilizei o objeto JS e atribui ao JSONModel pelo metodo  “setData()”   conforme mostrado na imagem abaixo abaixo

oModel.png

Resultado esperado :

/wp-content/uploads/2015/08/resultado_779932.png

É isso ai pessoal , para aprofundar no assunto eu recomendo a leitura da documentação https://sapui5.netweaver.ondemand.com/#docs/api

valeu e ate a próxima “Small Notes”.

To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply