Как добавить нижний колонтитул в страницу массажа?

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

Это проблема css 100% высоты. Вы можете установить внутренние элементы на высоту 100%, но страница не знает, что означает 100% высоты и не показывает нижний колонтитул.

Пример: http://jsbin.com/lohenoj/1/edit

Answer 2

Благодаря @ ответ Маркуса, я обнаружил, что проблема вызвана тем, что я не хватает <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> 

Я отметит свой вопрос, ответил, если кто-нибудь ответил, почему это работает.