灵活的列布局显示空白页

Question

我正在尝试创建一个基于页面 https://sapui5.hana.ondemand.com/#/entity/sap.f.FlexibleColumnLayout/sample/sap.f.sample.FlexibleColumnLayoutWithFullscreenPage/code/webapp/controller/FlexibleColumnLayout.controller.js.

中描述的灵活列布局的应用程序

当我运行应用程序时，它显示一个空白页面。源代码托管在 https://github.com/softshipper/fclpoc.

我做错了什么？

Answer 1

这已经发生在我身上很多次了。基本上，您的根视图没有“根”元素，例如 sap.m.App 控件。

<mvc:View xmlns="sap.f"
    xmlns:mvc="sap.ui.core.mvc"
    xmlns:m="sap.m"
    displayBlock="true"
    controllerName="io.example.fclpoc.controller.App"
    height="100%">
    <m:App>
        <m:pages>
            <FlexibleColumnLayout id="fcl"
                stateChange="onStateChanged"
                layout="{/layout}"
                backgroundDesign="Solid">
            </FlexibleColumnLayout>
        </m:pages>
    </m:App>
</mvc:View>

请记住，sap.f.FlexibleColumnLayout 是一个布局控件，应该添加到一种容器中。在 UI5 SDK 的示例中，容器是“示例”选项卡本身的一部分。换句话说，它并不总是示例代码本身的一部分。

顺便说一下，我刚刚对您的 GitHub 存储库进行了拉取请求。

灵活的列布局显示空白页

Flexible column layout shows an empty page

sapui5