Question

我在我的Icon Tab Bar的Icon Tab Filter中添加了一个Tile Container。当我单击过滤器时，缺少瓷砖和瓷砖容器。当我使用Chrome Inspector查看页面时，看起来Tiles就在那里，但它没有显示。知道为什么吗？

图标标签栏的视图

<mvc:View
controllerName="nav.controller.Main"
xmlns:mvc="sap.ui.core.mvc"
xmlns="sap.m">
<IconTabBar>
    <items>
        <IconTabFilter
            icon="sap-icon://attachment"
            iconColor="Critical"
            text="Tile Container"
            count="3">
            <mvc:XMLView viewName="nav.view.TestTile" />
        </IconTabFilter>
    </items>
</IconTabBar>

查看平铺容器（nav.view.TestTile）

<mvc:View
controllerName="nav.controller.TestTile"
displayBlock="true"
xmlns:mvc="sap.ui.core.mvc"
xmlns="sap.m">
<TileContainer
    tiles="{/Tiles}">
    <StandardTile
        title="{description}"
        icon="sap-icon://process"
        number="{number}"
        numberUnit="{numberUnit}"
        info="{info}"
        infoState="{infoState}"
        press="ehTilePressed">
    </StandardTile>
</TileContainer>

此致 TM

Answer 1

sap.m.IconTabBar有两个属性：可扩展和扩展。

可展开：用户可以点击过滤器切换过滤器标签的折叠状态。

展开：表示是否展开了实际过滤器标签。

您可以设置 expandable =“false”和expanded =“true”，让过滤器标签始终可见。

此致阿伦

Answer 2

根据内容容器和父容器的不同，它显然是tile容器高度的问题...

在我的情况下，我可以通过修复容器的高度来做某事：

<TileContainer editable="false" allowAdd="false" xmlns="sap.m" xmlns:html="http://www.w3.org/1999/xhtml" id="myTileContainer" height="500px">
    <tiles>
        <StandardTile press="doSomething" removable="false" title="huhu" info="We are a tile"/>
        <StandardTile press="doSomething" removable="false" title="huhu" info="We are a tile"/>
        <StandardTile press="doSomething" removable="false" title="huhu" info="We are a tile"/>
        <StandardTile press="doSomething" removable="false" title="huhu" info="We are a tile"/>
    </tiles>    
</TileContainer>

但是，对于大多数情况来说，这显然不适用，因为高度不应该固定，因为它会破坏大多数用途。

干杯迈克尔

Answer 3

我遇到了同样的问题。将IconTabBar的 stretchContentHeight 属性设置为true。

查看文档以获取更多详细信息 https://sapui5.hana.ondemand.com/#docs/api/symbols/sap.m.IconTabBar.html

Answer 4

接着这个。已经给出了正确的答案：只要没有为TileContainer指定显式高度，TileContainer的父视图的高度就是0。

我通过使用元素检查器来解决它。

但是如何使这整个东西更具代表性呢？我从oData服务接收项目，不能只设置固定的高度。必须有更好的方法。寻找告诉ItemTabBar它应该完全适应其内容大小的东西。实际上它现在看起来更像是一个错误。

有人找到了比设定固定高度更好的解决方案吗？

TileContainer未在IconTabFilter中显示

4 个答案: