如何在按摩页面添加页脚？

Question

在message Page demo中，它使用ComponentContainer(Component.js)来包含按摩页面，但我想在这个页面中添加footer，我试过

<mvc:View
   controllerName="cts.mobile.controller.Connect"
   height="100%"
   xmlns:mvc="sap.ui.core.mvc"
   xmlns="sap.m">

<Page>
    <content>
        <MessagePage 
            text="Disconnected"
            description="Click the Search Button"
            showHeader="false"
            showNavButton="true"
            icon="sap-icon://disconnected" > 

        </MessagePage>
    </content>
    <footer>
        <Toolbar>
            <Button text="Search" />
        </Toolbar>
    </footer>
</Page>

但是消息页面好像被新页面覆盖消失了，怎么办？

Answer 1

这是 100% 高度 css 问题。您可以将内部元素设置为 100% 高度，但页面不知道 100% 高度的含义并且不显示页脚。

示例：http://jsbin.com/lohenoj/1/edit

Answer 2

感谢@Markus的回答，我发现问题是我缺少<App>导致的，这段代码有效：

<mvc:View
controllerName="cts.mobile.controller.Connect"
height="100%"
xmlns:mvc="sap.ui.core.mvc"
xmlns="sap.m">

<App>
    <Page
        id="page"
        navButtonPress="onNavBack"
        showNavButton="true"
        title="Connect Hitoe Transmitter">
        <content>
            <MessagePage 
                text="Disconnected"
                description="Click the Search Button"
                showHeader="false"
                showNavButton="true"
                icon="sap-icon://disconnected" > 

            </MessagePage>
        </content>
        <footer>
            <Toolbar>
                <Button text="Search" />
            </Toolbar>
        </footer>
    </Page>
</App>

如果有人回答了为什么这行得通，我会将我的问题标记为已回答。

如何在按摩页面添加页脚？

How to add footer in massage Page?

sapui5

sap-fiori