1. 首页
  2. IT教程

SAP Spartacus org unit list点击item之后的页面跳转实现

如下图所示,organization unit list选中一行点击后,会跳转到明细页面:

SAP Spartacus org unit list点击item之后的页面跳转实现
SAP Spartacus org unit list点击item之后的页面跳转实现

这个list行项目点击后跳转的触发事件为launch,执行的函数为launchItem($event):

SAP Spartacus org unit list点击item之后的页面跳转实现

我选中的这个item,一共有7个子元素:

SAP Spartacus org unit list点击item之后的页面跳转实现

getDetailsRoute的实现:返回硬编码的unitDetails:

SAP Spartacus org unit list点击item之后的页面跳转实现

调用routingService.go进行页面跳转:

SAP Spartacus org unit list点击item之后的页面跳转实现
SAP Spartacus org unit list点击item之后的页面跳转实现

拿到routeName为unitDetails的路由配置:

SAP Spartacus org unit list点击item之后的页面跳转实现

路由参数mapping:

SAP Spartacus org unit list点击item之后的页面跳转实现

路由配置:organization/users/:userCode

SAP Spartacus org unit list点击item之后的页面跳转实现
SAP Spartacus org unit list点击item之后的页面跳转实现
SAP Spartacus org unit list点击item之后的页面跳转实现

semantic-path.service.ts里的方法provideParamsValues, 负责将参数:unitCode转换成真实的值:Rustic

SAP Spartacus org unit list点击item之后的页面跳转实现

最后调用routing.service.ts的navigate方法:

SAP Spartacus org unit list点击item之后的页面跳转实现

调用ngrx的store.dispatch方法触发路由:

SAP Spartacus org unit list点击item之后的页面跳转实现
SAP Spartacus org unit list点击item之后的页面跳转实现

最后的路由结果:

SAP Spartacus org unit list点击item之后的页面跳转实现

原创文章,作者:夜风博客,如若转载,请注明出处:https://www.homedt.net/450357.html