Question

在message Page demo中，它使用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>

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

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>

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

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

2 个答案: