sap.m.GenericTile container within XML View ? Everything is marked deprecated

[Attila]

Hi Heads,

https://sapui5.hana.ondemand.com/#/api/sap.m.TileContainer/overview says:

Deprecated as of version 1.50. replaced by a container of your choice with sap.m.GenericTile instances.

Okay, but how-to embed Generic Tiles starting from 1.50 within XML views binding to a model/entityset ? Container of my choice ? How to realize/implement it? Any experience or idea, without putting additional coding within the view controlelr to use function like addContent of a kind of container ?

Thank you

Attila

[junwu · Accepted solution]

I did a test with jsonmodel, I think it should also work for odatamodel

<layout:HorizontalLayout allowWrapping="true" content="{myjm>/test}">

<GenericTile header="{myjm>a}" visible="true">
<tileContent>
<TileContent unit="" footer="">

</TileContent>
</tileContent>

</GenericTile>


</layout:HorizontalLayout>

var myjm=new sap.ui.model.json.JSONModel({"test":[{"a":"a"},{"a":"b"}]});

this.getView().setModel(myjm,"myjm");

image-313.png(3.1 kB)

image-313.png

[Attila · Accepted solution]

Hey Master,

I'll try it tomorrow.

Thank you

[Attila · Accepted solution]

Hi Jun,

there is always something new to learn everyday. This is true, especially in the IT Industry. The approach You sugegested is working absolutrely fine. Many thanks for your help. Now I know, I can put OData model in the content aggregation on high level without binding directly to a named aggregation of a control.

I added the tiles to a panel finally:

<Panel id="idHrmSystemsPane" busyIndicatorDelay="1000" headerText="{i18n>hrmSystems}" width="100%" height="auto" expandable="false"
    expanded="false" expandAnimation="true" backgroundDesign="Translucent" accessibleRole="Form"
    content="{path: '/Tiles', filters: [{ path : 'GroupId', operator : 'EQ', value1 : 'HRMSystems'}] }">
    <GenericTile class="sapUiResponsiveMargin tileLayout" header="{HeaderText}" subheader="{SubheaderText}" press="press"
        backgroundImage="{BackgroundImageUrl}" frameType="{path: 'FrameType', formatter: '.formatter.tileFrameType' }"
        headerImage="{HeaderImageUrl}" imageDescription="{HeaderImageDescrTtipEn}"
        mode="{path: 'GenericTileMode', formatter: '.formatter.tileContentMode' }">
        <TileContent >
            <ImageContent src="{Icon}"/>
        </TileContent>
    </GenericTile>
</Panel>

Best regards

Attila

[mel_waldner_sobeys · Accepted solution]

Thank you for the example, this is exactly what I was looking for!

Rgds, Mel

[junwu]

we just put the tile under HorizontalLayout. it works for us.

[junwu]

in our case, we just statically put a few tiles in HorizontalLayout.

[Attila]

I added the tiles to sap.m.panel dynamically with some css (class="sapUiResponsiveMargin tileLayout") to keep spaces, but adding them to a content of a sap.m.Page works as well. ResponsiveFlowLayout was not working. But it would be great that sap provides an iterator/ an appropriate tile container starting from 1.50 to use it on a declarative manner within XML views using aggregation binding.

[Attila]

I have customizing in backend exposed through an OData service to deliver the tiles displayed, so definition on static manner is not applicable in my case. Thanks