SAP C4C url Mashup的跳转工作原理 - 新的浏览
2020-03-19 本文已影响0人
华山令狐冲
一个例子:
我在SalesLead TI页面的这个tab里配置了一个url Mashup,点击之后会跳转到bing的页面:

然而从Chrome开发者工具的Elements标签页里并未看到target url.


这个mashupID末尾为10,我在运行时点击之后:

在Chrome开发者工具的network标签页里,看到一个HTTP请求去读取Mashup component:

下图可见,我们在RUI里创建Mashup,保存之后生成的也是一个UI component:





相关的Mashup实现文件:



注意,url mashup lazy load,未点超链接之前,没有url生成,也没有上述这些文件的加载。
点击超链接之后:



传递到Mashup的输入参数,在InportAdapter._getSystemParameters里生成:







下面这行代码执行完之后,新的Chrome tab就打开了:
that.emit("inportFired", mData);

InportFire的处理函数:



从inport里解析出action:


跳转的目的地已经维护在oAction变量里了:

oService.createUrl, 开始拼凑Mashup的url了:


最后打开浏览器新窗口的代码是在window.open里实现的:


要获取更多Jerry的原创文章,请关注公众号"汪子熙":
