sapui5 如何为详情页添加页脚答案

【问题标题】：sapui5 How to add Footer for detail pagesapui5 如何为详情页添加页脚
【发布时间】：2018-02-14 13:51:33
【问题描述】：

我遇到了拆分应用程序（主-详细信息）的一个小问题。我无法看到详细信息页面的页脚。

在尝试了所有场景后，我发现由于sap.m.Table，我无法获取页脚。

如果我删除sap.m.Table，我可以在详细信息页面中看到页脚。我什至尝试使用语义按钮和语义页脚，但仍然没有运气。

你能帮我解决这个问题吗？

下面是我的 XML 代码 ::

<mvc:View controllerName="sap.msbi_leaveAndAttendence.controller.LeaveBalanceReport" xmlns:html="http://www.w3.org/1999/xhtml"
    xmlns:mvc="sap.ui.core.mvc" displayBlock="true" xmlns="sap.m" xmlns:unified="sap.ui.unified" xmlns:ui="sap.suite.ui.commons"
    xmlns:me="sap.me" xmlns:f="sap.ui.layout.form" xmlns:l="sap.ui.layout" xmlns:u="sap.ui.unified" xmlns:core="sap.ui.core">
    <App>
        <pages>
            <Page title="Leave Balance Report" class="sapUiSizeCompact" showHeader="true" showFooter="true">
                <content>
                    <IconTabBar id="idIconTabBarNoIcons" expanded="{device>/isNoPhone}" class="sapUiResponsiveContentPadding">
                        <items>
                            <IconTabFilter text="All Leaves">
                                <Table id="idLeaveTable" class="sapUiSizeCompact" inset="true" items="{path: 'allLeavesModel>/allLeaves'}">
                                    <columns>
                                        <Column>
                                            <Text text="{i18n>startDate}"/>
                                        </Column>
                                        <Column minScreenWidth="Tablet" demandPopin="true">
                                            <Text text="{i18n>endDate}"/>
                                        </Column>
                                        <Column minScreenWidth="Tablet">
                                            <Text text="{i18n>noOfDays}"/>
                                        </Column>
                                        <Column>
                                            <Text text="{i18n>typeOfLeave}"/>
                                        </Column>
                                    </columns>
                                    <items>
                                        <ColumnListItem>
                                            <cells>
                                                <Text text="{allLeavesModel>from}"/>
                                                <Text text="{allLeavesModel>to}"/>
                                                <Text text="{allLeavesModel>used}"/>
                                                <Text text="{allLeavesModel>typeofleave}"/>
                                            </cells>
                                        </ColumnListItem>
                                    </items>
                                </Table>
                            </IconTabFilter>
                            <IconTabFilter text="Extraordinary Leaves"></IconTabFilter>
                        </items>
                    </IconTabBar>
                </content>
                <footer>
                    <OverflowToolbar>
                        <ToolbarSpacer/>
                        <Button type="Accept" text="Submit">
                            <layoutData><OverflowToolbarLayoutData moveToOverflow="false"/></layoutData>
                        </Button>
                    </OverflowToolbar>
                </footer>
            </Page>
        </pages>
    </App>
</mvc:View>

【问题讨论】：

从详细视图中删除 <App> 是否有帮助？无论如何它都不属于那里，因为它是一个根元素，应该在整个应用程序中只存在一次
我在拆分应用应用程序的 App.view.xml 中发现了问题，在为该视图应用 CSS 后，我能够看到页脚
很好，但是在 UI5 中，应用自定义 CSS 来修复错误始终是一种反模式，迟早会导致维护地狱。请提供最少的代码，以便我们可以重现该行为，以便我们找到真正的问题。

标签： sapui5

【解决方案1】：

我已通过对主 App.view.xml 应用 CSS 解决了这个问题。在为 App.view.xml 隐藏溢出-y 后，我可以在我的详细信息页面中看到页脚

【讨论】：