0

我正在尝试在 Sap Web IDE 上创建一个简单的规划应用程序，但我遇到了页脚没有留在底部的问题。

指数：

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <link href="https://procensus.com/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    <title>Procensus</title>

    <script id="sap-ui-bootstrap"
        src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
        data-sap-ui-libs="sap.m"
        data-sap-ui-theme="sap_bluecrystal"
        data-sap-ui-xx-bindingSyntax="complex"
        data-sap-ui-preload="async"
        data-sap-ui-compatVersion="edge" 
        data-sap-ui-resourceroots='{"zapp_rej_absence": "./", "sap.ui.demo.mock": "mockdata"}'>
    </script>

    <!-- Application launch configuration -->
    <script>

        sap.ui.getCore().attachInit(function() {
        new sap.m.Shell({
            app: new sap.m.App({
                pages: [
                    new sap.m.Page({
                        title: "Procensus Planning Calender",
                        enableScrolling: true,
                        content: [ new sap.ui.core.ComponentContainer({
                            name: "zapp_rej_absence"
                        })]
                    })]
            })
        }).placeAt("content");
    });

    </script>
</head>

<!-- UI Content -->
<body class="sapUiBody" id="content" role="application">
</body>

XML：

<mvc:View 
controllerName="zapp_rej_absence.controller.Main" 
xmlns:l="sap.ui.layout"
xmlns="sap.m"
xmlns:mvc="sap.ui.core.mvc"
xmlns:commons="sap.ui.commons"
xmlns:core="sap.ui.core"
xmlns:html="http://www.w3.org/1999/xhtml">
<Page
    title="{i18n>loginTitle}"
    showHeader="true">
    <content>

        <VBox alignItems="Center" class="sapUiLargeMarginTop">
            <Panel backgroundDesign="Solid"> 
                <Image width="auto" height="10em" id="__image1" src="images/logo/Logo_iQos.jpg" 
                    class="sapUiSmallMargin"/>
                <VBox alignItems="Center" >
                    <Input id="user" type="Text" placeholder="{i18n>userName}"/>
                    <Input id="pass" type="Password" placeholder="{i18n>password}" />
        <Button class="sapUiSmallMarginTop" text="Login" width="17em" type="Emphasized" press="_logIn" submit="_logIn" />   
                </VBox>

            </Panel>
        </VBox>

    </content>
    <footer>
        <Bar>
            <contentLeft>
                <Text text="{version>/version} {version>/pool}" /> <!-- major.minot.micro - major keep at 1 until major re-release , minor - increment on new feature ; micro - increment on bug fix or minor feature change -->   
            </contentLeft>
        </Bar>
    </footer>
</Page>

最终结果 - 我的

Loki 代码的结果

*注意：日历需要（据我所知）在 Panel 标签内，这样它就不会消失。由于 Panel 标签上不存在页脚，因此我在关闭 Panel 标签后创建了一个 Page 标签。

4

2 回答 2

1

我做了改变。您需要在视图中绑定模型和 i8nproperties 中的值。我没有值和 i8nproperties，所以将它们留空，但我创建了一个骨架，如果它是正确的，你可以参考它。

检查以下三个图像：1）index.html 2）view.xml 3）输出 索引.html

View1.view.xml

输出

于 2017-05-26T11:18:30.667 回答
0

我认为您的 xml 结构是错误的。如果您这样做，它应该可以工作：

<mvc:View .......
<Page title="Your Title">
<content>
    <!-- your panel with calender here -->
</content>
<footer>
    <!-- your footer code here -->
</footer>

</Page>

</mvc:View>

一个很好的代码示例在这里： https ://sapui5.hana.ondemand.com/explored.html#/sample/sap.m.sample.Page/code

你可以在这里看到它的样子： https ://sapui5.hana.ondemand.com/explored.html#/sample/sap.m.sample.Page/code

于 2017-05-25T13:31:54.007 回答