在第二个视图上的FlexibleColumnLayout不工作SAP UI5
在第二个视图上的FlexibleColumnLayout不工作SAP UI5
提问于 2020-10-22 11:56:22
我正在构建一个包含硬编码数据的视图。其来自主屏幕到下一个视图，该视图被认为是拆分视图屏幕。
我使用FlexibleColumnLayout及其内部的begin和end layout从我的视图文件夹中调用视图。我一直在遵循这个教程。即使这样，我的拆分视图也不会在点击时展开。
我的聚合如下所示(我不确定它是否正确)：
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的新手，任何种类的帮助都将不胜感激。
回答 1
Stack Overflow用户
发布于 2020-10-22 21:25:22
调试代码摘录很困难，因为还有其他几件事可能出错。(例如，您是否在清单中配置了使用sap.f.router而不是sap.m.router？)
开始使用FlexibleColumnLayout最简单的方法是从UI5 MasterDetail-Template开始，这可以从Github下载，或者只需单击几下就可以在WebIDE中轻松创建(从模板->中新建项目，选择主详细应用程序)
您可以在Demokit中阅读有关该模板的更多信息
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64475090
复制相关文章
相似问题
腾讯云开发者
