为什么导航到 TwoColumnsMidExpanded 不起作用?

Why the navigation to TwoColumnsMidExpanded does not work?

我已经基于 Flexible Column Layout 创建了一个应用程序。着陆页如下所示:

当点击按钮 Go to master detail 时,它应该路由到带有 TwoColumnsMidExpanded 的 /overview 页面。

press handler定义如下:

onPress: function (evt) {
            this.oRouter.navTo("overview", {
                layout: fioriLibrary.LayoutType.TwoColumnsMidExpanded
            });
        }

来源可在 https://github.com/softshipper/fcl 上找到。

通过路由参数传递布局名称就是这样做的:通过路由参数传递布局名称。

您仍然需要注意事件 routeMatched 的应用程序事件处理程序中的布局。

这是一个很好的工作示例:

https://sapui5.hana.ondemand.com/#/entity/sap.f.FlexibleColumnLayout/sample/sap.f.sample.FlexibleColumnLayoutWithFullscreenPage/code/webapp/controller/FlexibleColumnLayout.controller.js

注意 FlexibleColumnLayout.controller.js 中的 onBeforeRouteMatched 处理程序,了解如何处理。