灵活的列布局显示空白页面

Question

我正在尝试创建一个基于页面https://sapui5.hana.ondemand.com/#/entity/sap.f.FlexibleColumnLayout/sample/sap.f.sample.FlexibleColumnLayoutWithFullscreenPage/上描述的灵活列布局的应用程序代码/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 存储库上完成了拉取请求。