IconTabBar和ScrollContainer问题

时间:2017-07-31 12:56:54

标签: sapui5

有人知道在sap.m.Table内使用Panel ScrollContainer的解决方案吗?无论我改变什么参数,结果仍然是相同的。目标应该是包含滚动条的表格或面板,但几乎整个网站都会出现滚动条;在这种情况下,整个 IconTabBar

我的XML-View

<IconTabBar expanded="true" expandable="false" select="showSource" width="auto">
  <items>
    <IconTabFilter text="Privileges">
      <ScrollContainer height="100%" width="100%" horizontal="false" vertical="true">
        <Table id="privilegesTable" items="{/callbackData1}" fixedLayout="true">
          <columns>
            <Column>
              <Label text="User"/>
            </Column>
            <Column minScreenWidth="Desktop" demandPopin="true" hAlign="Center">
              <Label text="Object Type"/>
            </Column>
            <Column minScreenWidth="Desktop" demandPopin="true" hAlign="Center">
              <Label text="Grantor"/>
            </Column>
            <Column minScreenWidth="Tablet" demandPopin="true" hAlign="Right"/>
          </columns>
          <items>
            <ColumnListItem>
              <cells>
                <ObjectIdentifier title="{grantee}"/>
              </cells>
              <Text text="{object_type}"/>
              <Text text="{grantor}"/>
              <MenuButton text="Fix it" id="fixButton">
                <menu>
                  <Menu itemSelected="onMenuAction">
                    <items>
                      <MenuItem icon="sap-icon://call"/>
                      <MenuItem icon="sap-icon://lateness"/>
                      <MenuItem icon="sap-icon://key-user-settings"/>
                    </items>
                  </Menu>
                </menu>
              </MenuButton>
            </ColumnListItem>
          </items>
        </Table>
      </ScrollContainer>
    </IconTabFilter>
    <IconTabFilter>
    ...
    </IconTabFilter>
  </items>
</IconTabBar>

外观如何

UI5 padding between IconTabBar and content

如上图所示,表格与滚动条之间存在差距。

2 个答案:

答案 0 :(得分:0)

将sap.m.Page属性enableScrolling设置为false。这将停用整个页面的滚动。现在滚动容器应该激活。但要小心,滚动容器需要一个确定的高度或它的父容器。

答案 1 :(得分:0)

问题中描述了两个问题。

  1. 如何删除表格和IconTabBar之间的填充 解决方案:禁用IconTabBar中的applyContentPadding
  2. 如何只制作可滚动的内容
    解决方案:在IconTabBar中启用stretchContentHeight或按照此处所述使用IconTabHeader:https://stackoverflow.com/a/47750244/5846045