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

在中，它使用ComponentContainer（Component.js）包含按摩页面，但我想在该页面中添加页脚，我尝试了

<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>

---

但消息页面似乎被新页面覆盖并消失了，我该怎么办

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

---

示例：

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

---

示例：

多亏@Markus的回答，我发现问题是由我丢失的

引起的，此代码有效：

<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>

---

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

感谢@Markus的回答，我发现问题是由我丢失的

引起的，此代码起作用：

<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>

---

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

嗨，谢谢你的回答，但我删除了

app.setHeight（“500px”）

在您的演示中发现，无论我是否添加

height=“100%”

，这都无关紧要。但是，当我在xml视图中添加

时，它就起作用了。谢谢你的激励。嗨，谢谢你的回答，但我删除了app.setHeight（“500px”）在您的演示中发现，无论我是否添加

height=“100%”

，这都无关紧要。但是，当我在xml视图中添加

时，它就起作用了。谢谢你的鼓励。