Sapui5 如何实现多流程模式?
在SAPUI5/OpenUI5文档的“应用程序最佳实践-准备”部分中提到了多流程模式。(-几乎在底部) 我需要实现这个模式,但完全不知道如何继续下去Sapui5 如何实现多流程模式?,sapui5,Sapui5,在SAPUI5/OpenUI5文档的“应用程序最佳实践-准备”部分中提到了多流程模式。(-几乎在底部) 我需要实现这个模式,但完全不知道如何继续下去 是否需要替换组件的“根视图”参数 还是需要替换App.view.xml中的App控件?我该怎么做呢 或者我需要导航到具有splitApp控件的视图吗?因此,在应用程序控件中放置splitApp?然后我可以相应地调整路由器中的路由吗?我该怎么说呢 我目前正在遵循“最佳实践”中所示的实现,因此我将组件、路由器和xml视图用于我的应用程序 我很高兴能得到
Byebye,Cleo要实现它,你需要一个应用程序和一个拆分容器 我做了一个简单的示例,有一个全屏页面和一个主/详细+按钮来导航 最好的问候很好的问候@TobiasOetzel:-) 我修改了导航,使其从全屏向后滑动而不是向前滑动,回到主细节
fullscreen = new sap.m.Page({
title : "fullscreen",
content : new sap.m.Button({
text : "to master detail",
press : function () {
app.back() // modified line
}
})
});
因此,经过几天的摆弄和@TobiasOetzel向正确方向的推动,我想出了这个解决方案。它基于tdg示例,在组件和xml视图中使用路由器 组成部分:
rootView : "my.ui5.multiflow.view.App",
[...]
routes : [
{
pattern : "",
name : "_index",
view : "Main",
targetAggregation: "pages",
targetControl : "idAppControl",
},
{
pattern : "foo",
name : "_foo",
view : "SplitContainer",
targetAggregation : "pages",
targetControl : "idAppControl",
subroutes : [
{
pattern : "foo",
name : "foo_sub1",
view : "Master",
targetAggregation : "masterPages",
targetControl : "idSplitContainerControl",
subroutes : [
{
pattern : "foo",
name : "foo_sub2",
view : "Detail",
targetAggregation : "detailPages",
},
{
pattern : "foo/foo/:all*:",
name : "foo_sub3",
view : "Detail2",
targetAggregation : "detailPages",
}]
}]
}]
App.view如下所示:
<mvc:View
xmlns:mvc="sap.ui.core.mvc"
displayBlock="true"
xmlns="sap.m">
<App id="idAppControl" />
</mvc:View>
虽然我最终没有使用他提议的任何更改。
以及openui5-SDK-1.22.10\test resources\sap\ui\core\samples\routing中的SDK示例
我欢迎任何更正和/或改进建议。我使用以下路由流程成功调整了SAPUI5教程应用程序:
F–F–MD D–F
(F=全屏;M=SplitApp母版页;D=SplitApp详细页)
谢谢你我看了菲奥里是怎么做的,就像你说的那样,我不懂这个路由的东西。我已经完成了应用程序最佳实践,一切都很好。但每次我试着做我自己的路线,我只是得到一个空壳。我做错了什么?我已经复制了你的代码,并在视图文件夹中创建了三个视图(App、SplitContainer和Main)。我担心,@OddDev,路由和sapui5可能会出现大量问题。关于视图,还需要视图详图和详图2。也许这已经解决了你的问题。否则,您的代码是否有JSFIDLE版本?或者在其他任何地方查看您的应用程序?
<mvc:View
xmlns:mvc="sap.ui.core.mvc"
displayBlock="true"
xmlns="sap.m">
<SplitContainer
id="idSplitContainerControl"
height="500px"
/>
</mvc:View>