SAP UI5-Component.js-路由

2020-09-15 19:30发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


您好专家,

我有一个有关components.js文件的查询。 我有两个页面page1和page2。 在第1页中,我们单击了不同的按钮,并路由到这些按钮的信息,但是页面保持不变,URL附加了#action。 但是,我还需要通过单击URL ..../#xx中带有#的另一个按钮(x1)来路由到另一个页面(page2)。 这是我的components.js文件。 你能给我一些建议吗?


component.js
jQuery.sap.declare(" app.Component");
jQuery.sap.require(" sap .ui.core.routing.Router");
sap.ui.core.UIComponent.extend(" app.Component",{
元数据:{
路由:{
config:{< br> routerClass:" sap.ui.core.routing.Router",
viewType:" JS",
viewPath:"",
controlId:"容器",
controlAggregation:" items" ,
转换:" slide",
异步:true,
clearControlAggregation:正确
},
路由:[{
模式:[""," button1action1"],< br>名称:" action1",
目标:" action1",
" controlAggregation":"内容"
},{
模式:" button2action2",

名称:" action2",
目标:" action2",
controlAggregation:"内容"

}],
目标:{
" action1":{< br>" viewName":" modules.action1.action1TestsView"
},
" action2":{
" viewName":" modules.action2.action2TestsView"
}

}
}
},init:function(){
sap.ui.core.UIComponent.prototype.init.apply(this,arguments);
this.getRouter()。initialize() ;
},销毁:function(){
sap.ui.core.UIComponent.prototype.destroy.apply(this,arguments);
},createContent:function(){
var oView = new sap.ui.jsview(" xyz"," app.XYZView");
oView.setDisplayBlock(true);
return oView;
}
});

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


您好专家,

我有一个有关components.js文件的查询。 我有两个页面page1和page2。 在第1页中,我们单击了不同的按钮,并路由到这些按钮的信息,但是页面保持不变,URL附加了#action。 但是,我还需要通过单击URL ..../#xx中带有#的另一个按钮(x1)来路由到另一个页面(page2)。 这是我的components.js文件。 你能给我一些建议吗?


component.js
jQuery.sap.declare(" app.Component");
jQuery.sap.require(" sap .ui.core.routing.Router");
sap.ui.core.UIComponent.extend(" app.Component",{
元数据:{
路由:{
config:{< br> routerClass:" sap.ui.core.routing.Router",
viewType:" JS",
viewPath:"",
controlId:"容器",
controlAggregation:" items" ,
转换:" slide",
异步:true,
clearControlAggregation:正确
},
路由:[{
模式:[""," button1action1"],< br>名称:" action1",
目标:" action1",
" controlAggregation":"内容"
},{
模式:" button2action2",

名称:" action2",
目标:" action2",
controlAggregation:"内容"

}],
目标:{
" action1":{< br>" viewName":" modules.action1.action1TestsView"
},
" action2":{
" viewName":" modules.action2.action2TestsView"
}

}
}
},init:function(){
sap.ui.core.UIComponent.prototype.init.apply(this,arguments);
this.getRouter()。initialize() ;
},销毁:function(){
sap.ui.core.UIComponent.prototype.destroy.apply(this,arguments);
},createContent:function(){
var oView = new sap.ui.jsview(" xyz"," app.XYZView");
oView.setDisplayBlock(true);
return oView;
}
});

付费偷看设置
发送
2条回答
代楠1984
1楼-- · 2020-09-15 20:10

您可以使用路由器的NavTo功能进行导航

sap.ui.core.UIComponent.getRouterFor(this).navTo(" action2",{...您想要传递的任何参数...});

奄奄一息的小鱼
2楼-- · 2020-09-15 20:17

谢谢 布莱恩 我将尝试这种方法。

真诚的问候,
Meghna Anand

一周热门 更多>