Question

我在UI5 app中有一个包含两个嵌套视图的视图：

<mvc:View>
    <Page showNavButton="true" navButtonPress="onNavBack">
        <content>
            <Toolbar>
                <ToolbarSpacer/>
                <SegmentedButton id="A" selectedKey="B" select="handel">
                    <items>
                        <SegmentedButtonItem key="C" text="C"/>
                        <SegmentedButtonItem key="D" text="D"/>
                    </items>
                </SegmentedButton>
                <ToolbarSpacer/>
            </Toolbar>
            <mvc:XMLView viewName="F.View1"></mvc:XMLView>
            <mvc:XMLView viewName="G.View2"></mvc:XMLView>
        </content>
    </Page>
</mvc:View>

View1 包含一个可滚动的表，必须包含溢出工具栏。 View2 不应包含溢出工具栏。

但是，当我将溢出工具栏添加到 View1 时，当表格一直滚动到最后一个项目时，它会出现在最底部。可能的唯一方法似乎是将其添加到页脚中的父视图，但也将其添加到 View2 。知道如何将此溢出工具栏单独添加到 View1 吗？

View1 看起来像这样：

<mvc:View>
    <Page showHeader="false">
        <content>
            <Table>
            </Table>
        </content>
        <OverflowToolbar>
            <ToolbarSpacer/>
            <Button type="Accept" text="Save" press="onSave" enabled="saveEnabled"/>
            <Button text="Cancel" type="Reject"/>
        </OverflowToolbar>
    </Page>
</mvc:View>

Answer 1

在 View1 中，您错过了应在其中包装工具栏的<footer>聚合代码。

<mvc:View
  xmlns:mvc="sap.ui.core.mvc"
  xmlns="sap.m"
>
  <Page showHeader="false">
    <content>
      <Table>
      </Table>
    </content>
    <footer>
      <OverflowToolbar>
        <ToolbarSpacer/>
        <Button type="Accept" text="Save" press="onSave" enabled="saveEnabled"/>
        <Button text="Cancel" type="Reject"/>
      </OverflowToolbar>
    </footer>
  </Page>
</mvc:View>

否则，工具栏将添加到默认aggregation <content>，这就是您必须向下滚动才能看到工具栏的原因。

嵌套视图中的溢出工具栏仅在向下滚动时可见

1 个答案: