页眉页脚和内容

时间:2017-07-05 14:55:51

标签: sapui5

我已创建了视图:页眉,内容和页脚,但页脚和内容未显示且未出现错误。 form1.view.xml中的目录是正确的,因为加载form1视图时没有错误。当我命令标题代码并刷新时,内容显示和页脚仍然没有显示。当我命令标题和内容时,页脚显示。如何解决这个问题?

Form1.view.xml

<App id="navCon"
    class="footer-height footer-color header-color background-home background-color
                            footer-size-color panel-header">

    <!-- Header -->
    <mvc:XMLView viewName="sap.ui.taspen.taspen.Header" />

    <App>
        <pages>
            <Page>
                <Panel id="panelModule" headerText="Header form" class="panelForm">
                    <content>
                        <Label text="Ini form 1" />
                    </content>
                </Panel>
            </Page>
        </pages>
    </App>

    <!-- Footer -->
    <mvc:XMLView viewName="sap.ui.taspen.taspen.Footer" />
</App>

部首:

<mvc:View xmlns:mvc="sap.ui.core.mvc"
    xmlns="sap.m" xmlns:t="sap.ui.table" xmlns:l="sap.ui.layout" xmlns:tnt="sap.tnt"
    controllerName="sap.ui.taspen.taspen.Header" xmlns:html="http://www.w3.org/1999/xhtml">
    <App>
        <pages>
            <Page showHeader="false">
                <tnt:ToolHeader>
                    <html:img src="icon/logo_taspen.png" class="header-logo-taspen" />
                    <html:p class="text-header">NEW APPLICATION CORE BUSINESS</html:p>
                    <ToolbarSpacer width="20px" />

                    <tnt:ToolHeaderUtilitySeparator />
                    <ToolbarSpacer>
                        <layoutData>
                            <OverflowToolbarLayoutData priority="NeverOverflow"
                                minWidth="20px" />
                        </layoutData>
                    </ToolbarSpacer>

                    <Text text="Selasa, 21/4/2017 / 11:07 AM" class="text-white" />
                    <Text text="Hello, Jhon Doe" class="text-white">
                        <layoutData>
                            <OverflowToolbarLayoutData priority="NeverOverflow" />
                        </layoutData>
                    </Text>

                    <Button icon="sap-icon://log" type="Reject" press="logoutPress"
                        class="button-logout button-logout-icon margin-logout">
                        <layoutData>
                            <OverflowToolbarLayoutData priority="NeverOverflow" />
                        </layoutData>
                    </Button>
                </tnt:ToolHeader>
            </Page>
        </pages>
    </App>
</mvc:View>

页脚:

<mvc:View xmlns:mvc="sap.ui.core.mvc"
    xmlns="sap.m" xmlns:t="sap.ui.table" xmlns:l="sap.ui.layout" xmlns:tnt="sap.tnt"
    controllerName="sap.ui.taspen.taspen.Footer" xmlns:html="http://www.w3.org/1999/xhtml">
    <App>
        <Page showHeader="false">
            <footer>
                <OverflowToolbar id="otbFooter">
                    <Button type="Transparent" text="Kebijakan dan Privasi"
                        press="kebdanprivPress" />
                    <Button type="Transparent" text="Bantuan" press="bantuanPress" />
                    <ToolbarSpacer />
                    <Label text="All Rights Reserved PT. Taspen Persero" />
                    <html:img src="icon/copyright-symbol.png" class="footer-logo-copyright" />
                    <Label text="2018" />
                </OverflowToolbar>
            </footer>
        </Page>
    </App>
</mvc:View>

1 个答案:

答案 0 :(得分:1)

要显示custome标题而不是页面标题,您必须使用

<customHeader></customHeader>

tag.and剩下的你必须放在<content></content>标签中。可以看到你缺少内容标签。