SAP UI5 IconTabBar stretchContentHeight重叠

时间:2018-01-07 02:24:05

标签: sapui5

我正在尝试在IconTabBar上面添加一个面板和ProgressIndicator,并且只想为IconTabBar conten滚动启用。根据文档,stretchContentHeight应该是魔术,但在我的情况下,面板/ ProgressIndicator在Tabs上重叠。有什么建议让它发挥作用吗?

请参阅此链接以获取示例代码:https://plnkr.co/edit/FeDd0cvYXcIpmqHP8Inh?p=preview

        <IconTabBar
        id="idIconTabBarStretchContent"
        stretchContentHeight="true">

由于

1 个答案:

答案 0 :(得分:1)

我建议您使用Layouts,在您的情况下,我更喜欢对象页面布局(DocumentationAPISamples)。 查看更新后的plunker

修改:

  1. 使用标签导航模式添加ObjectPageLayout,并将LazyLoading和alwaysShowContentHeader属性设置为true
  2. IconTabBar.view的原始内容移至单独的视图Products.view
  3. index.html
  4. 中将页面内容高度修改为100%

    content: [ new sap.ui.core.ComponentContainer({
        height : "100%", name : "sap.m.sample.IconTabBarStretchContent"
    })]