Sapui5 为什么不显示两列?

Sapui5 为什么不显示两列?,sapui5,Sapui5,我正在尝试在我的应用程序上使用,但我的路由有问题。但是,它不会在屏幕上显示预期结果 路由定义如下: "routing": { "config": { "routerClass": "sap.f.routing.Router", "viewType": "XML", "async&q

我正在尝试在我的应用程序上使用,但我的路由有问题。但是,它不会在屏幕上显示预期结果

路由定义如下:

"routing": {
        "config": {
            "routerClass": "sap.f.routing.Router",
            "viewType": "XML",
            "async": true,
            "viewPath": "com.example.RequestAccess.view",
            "controlId": "fcl",
            "transition": "slide",
            "bypassed": {}
        },
        "routes": [{
            "pattern": "jobprofile",
            "name": "jobprofile",
            "target": [
                "JobProfileSelector",
                "JobProfileOrder"
            ]
        }, {
            "pattern": ":layout:",
            "name": "authorize",
            "target": [
                "Authorization"
            ]
        }],
        "targets": {
            "Authorization": {
                "viewName": "Authorization",
                "controlAggregation": "beginColumnPages"
            },
            "JobProfileOrder": {
                "viewName": "JobProfileOrder",
                "controlAggregation": "midColumnPages"
            },
            "JobProfileSelector": {
                "viewName": "JobProfileSelector",
                "controlAggregation": "beginColumnPages"
            }
        }
    }
},
我打电话的时候

var oRouter = this._getRouter();
oRouter.navTo("jobprofile");
它显示一列布局,而不是两列。我希望有两列,因为我已经定义了:

"pattern": "jobprofile",
"name": "jobprofile",
"target": [
    "JobProfileSelector",
    "JobProfileOrder"
]
路径
/jobprofile
的两个目标。 我预计,该应用程序应显示如下:

我做错了什么

更新

我创建了一个示例应用程序。 单击
转到职务简介


您将重定向到页面
/jobprofile
路径。在这里,我希望它将向我显示相邻的第二个第三个视图,就像主细节视图一样。

您必须调整
FlexibleColumnLayout的属性
布局
,以便拥有1、2或3列。默认值为1

在根视图中,这个属性已经有了绑定,这是个好主意

<FlexibleColumnLayout id="fcl"
                stateChange="onStateChanged"
                layout="{/layout}"
                backgroundDesign="Solid">
            </FlexibleColumnLayout>

但是,您不能从
App.controller.js
的任何位置调用函数
\u updateLayout


我建议重构此控制器,根据活动路线调整布局。

我不知道我到底要做什么。您可以在github上请求拉取吗?您必须调整FlexibleColumnLayout的属性布局,以获得1、2或3列。默认值为1。请看下面的答案:我已经尝试过了,但我不知道我到底要做什么。你能在github上做一个pull请求吗?如果你从我在另一个问题中提到的例子开始,你可以一点一点地删除不必要的东西来学习。这个例子不是很大。首先-删除所有列的内容,并将其替换为“hello world left”、“hello world middle”和“hello world right”,这是否回答了您的问题?我已经试了一整天了。不过我会再试一次。谢谢