第二个视图上的 FlexibleColumnLayout 不起作用 SAP UI5答案

【问题标题】：FlexibleColumnLayout on second view not working SAP UI5第二个视图上的 FlexibleColumnLayout 不起作用 SAP UI5
【发布时间】：2020-10-22 03:56:22
【问题描述】：

我正在使用硬编码数据构建视图。它来自主屏幕到下一个视图，应该是拆分视图屏幕。

我正在使用 FlexibleColumnLayout 并在其中开始和结束布局以从我的视图文件夹中调用视图。我一直在关注本教程。即便如此，我的拆分视图也没有在点击时展开。

我的聚合看起来像这样（我不确定它是否正确）：

App -> (View1, FCLView)

FCLView -> (MasterVIew, DetailView)

整箱视图：

<mvc:View displayBlock="true" height="100%" xmlns="sap.f" xmlns:mvc="sap.ui.core.mvc">
    <FlexibleColumnLayout id="flexibleColumnLayout" backgroundDesign="Solid">
        <beginColumnPages>
            <mvc:XMLView id="beginView" viewName="Ui5.Ui.view.MasterView"/>
        </beginColumnPages>
        <midColumnPages>
            <mvc:XMLView id="detailView" viewName="Ui5.Ui.view.DetailView"/>
        </midColumnPages>
    </FlexibleColumnLayout>
</mvc:View>

component.js

...
getHelper: function () {
    var oFCL = this.getRootControl().byId('flexibleColumnLayout'),
    oSettings = {
        defaultTwoColumnLayoutType: sap.f.LayoutType.TwoColumnsMidExpanded,
        initialColumnsCount: 2
    };


    return FlexibleColumnLayoutSemanticHelper.getInstanceFor(oFCL, oSettings);
}

主视图控制器

...
onListItemPress: function (oEvent) {
    MessageToast.show("here");
    var oRouter = sap.ui.core.UIComponent.getRouterFor(this);
    
    var oFCL = this.oView.getParent().getParent();
    oFCL.setLayout(fioriLibrary.LayoutType.TwoColumnsMidExpanded);
}

我关注this tutorial

场景是，我有我的第一个全屏视图 (View1)，其中有一个按钮，它将导航到第二个视图，这是一个拆分视图。（表格和单击一行时，详细视图将展开）。

我是 SAP 新手，任何形式的帮助都将不胜感激。

【问题讨论】：

标签： sapui5 master-detail sap-fiori sap-web-ide

【解决方案1】：

调试您的代码摘录很困难，因为还有其他一些可能出错的地方。（例如，您是否在清单中配置了使用 sap.f.router 而不是 sap.m.router？）

从 FlexibleColumnLayout 开始的最简单方法是从 UI5 MasterDetail-Template 开始这可以从 Github 下载或在 WebIDE 中通过单击几下轻松创建（从模板新建项目 -> 选择主从应用程序）

您可以在Demokit 中阅读有关模板的更多信息

【讨论】：