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

问题描述

我正在使用硬编码数据构建视图。从主屏幕到下一个视图（应该是拆分视图屏幕）。

我正在使用FlexibleColumnLayout及其内部的开始和结束布局来从我的视图文件夹中调用视图。我一直在关注本教程。即便如此，点击后我的拆分视图也不会扩展。

我的汇总看起来像这样（我不确定是否正确）：

App->（View1，FCLView）

FCLView->（MasterVIew，DetailView）

FCLView：

<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);
}

MasterViewController

...
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的新手，将不胜感激。

解决方法

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

从FlexibleColumnLayout开始的最简单方法是从UI5 MasterDetail-Template开始可以从Github下载该文件，也可以单击几下轻松在WebIDE中创建该文件（从模板新建项目->选择Master Detail Application）

您可以在Demokit