使用SAP Transaction Launcher将ABAP Webdynpro嵌入到WebClient UI中

简介: 使用SAP Transaction Launcher将ABAP Webdynpro嵌入到WebClient UI中

THINK twice why you want to include an ABAP webdynpro component into CRM UI, as in CRM application it is not recommended to use ABAP webdynpro to develop UI. In some case for example, PDF preview is far more convenient using standard ABAP webdynpro control “Interactive form”. However if you would like to achieve the same via webclient UI, much more development are unavoidable.


(1) in SPRO, define a new URL entity:

image.png

you have to fill the respective url of your webdynpro application to be embedded into this url entity.


Below is how to find the url of your webdynpro application:

image.png

just copy the highlighted one to the url configuration below:

image.png

(2) Configure transaction launcher,

image.png

follow the steps defined in wizard:

image.png

Specify a handler class. It is not necessary that the handler class must exist before this wizard is launched, the wizard will automatically generate it for you.


image.png

You will need a UI Object Type to finish the wizard. You can either choose to reuse an existing one or create a new one via the customizing node below:


image.png

You can just specify the object type name and save it.

image.png

In the fourth step of the wizard, specify the URL id created in step1. Complete the wizard.

image.png

(3) use tcode CRMC_UI_NBLINKS, locate the navigation profile of your business role, sayTPM-PRO, and double click on “Define Logical Links”.


Choose type “Launch Transaction” from drop down list, and for target ID use the fixed oneEXECLTX. Choose the launch transaction created in step3 as Parameter, and for parameter class choose the class below. Maintain a meaningful description.


image.png

(4) Now you should determine from which entry point in CRM UI could launch your ABAP webdynpro component. For example you would to add a new logical link in business role TPM-PRO, work center Master data as screenshot below:

image.png

You should first identify the technical name of Work center “Master Data”:

image.png

Choose business role TPM-PRO, and double click on “Adjust work centers”, and technical name “MD-ALL” is identified.

image.png

Next step you should find out the technical name of logical link group where you can embedded your ABAP webdynpro component:

image.png

Choose entry for MD-ALL, double click on “Assign Work Center Link Groups To Work Center”:

image.png

Then MD-PRD-SR is what we look for.

image.png

(5) Define a new logical link:

image.png

Assign the logical link ID to the logical link group:

image.png

Go back to “Define Business role”, enable the checkbox “In Menu” and “Visible”:

image.png

After all configuration is done, once click the logical link, you can see the ABAP webdynpro in the CRM UI:

image.png

The area marked with blank rectangle is the ABAP webdynpro UI.

image.png


相关文章
|
4月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
4月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
在 CRM WebClient UI Attachment 区域,创建支持 Web Service 的 Word 文档
在 CRM WebClient UI Attachment 区域,创建支持 Web Service 的 Word 文档
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
|
4月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
|
4月前
|
JSON 数据格式
SAP UI5 Class sap.ui.model.Context 的作用介绍
SAP UI5 Class sap.ui.model.Context 的作用介绍
|
4月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
4月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
4月前
|
缓存 JavaScript 前端开发
如何理解 SAP UI5 的 sap.ui.define 函数?
如何理解 SAP UI5 的 sap.ui.define 函数?

热门文章

最新文章