在SAP Cloud for Customer的Cloud Application Studio里,在Mashups and Web Services的新建菜单里,创建一个HTML Mashup:

portbinding决定了创建的mashup可以被插入到哪些Cloud for Customer标准页面去:

我的port binding选择additional Account information,这意味着该html mashup可以插入到Account TI页面去:

Input Parameter里,可以选择将SAP提供的一些输入参数,传入到html mashup里使用:

HTML code editor里,指定HTML mashup具体的html代码实现:

创建一个新的embedded component,将之前创建的HTML mashup拖拽到embedded component里:


UI Designer打开Account TI的UI component:

点击按钮:Add view with embedded component:

选择包含了HTML Mashup的embedded component:

点击Apply按钮:

使用Extensibility explorer将mashup插入到Account TI页面上,生成一个change Transaction:

保存之后,在Account TI页面里,看到mashupTest这个新的tab,点击之后:

就看到了之前HTML mashup的内容:

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

如何创建HTML Mashup并插入到SAP Cloud for Customer标准页面里相关推荐

  1. 如何创建URL Mashup并插入到SAP Cloud for Customer标准页面里

    打开SAP Cloud for Customer的Cloud Application Studio,在Mashups and Web Services里创建一个新的URL Mashup: C4C的UR ...

  2. SAP Cloud for Customer UI Designer里如何消费Object Value Selector(OVS)

    先看最后实现的效果: 我有一个字段,用户既手动输入Employee ID,也可以点击字段的矩形框,打开Value help: 假设我选中ID为1的Employee,则其first name和last ...

  3. SAP Cloud for Customer 标准培训课程

    经常有朋友在我的SAP技术交流群或者我的公众号汪子熙给我留言,询问一个ABAP开发人员如果想学习SAP Cloud for Customer,应该从哪些方面入手. 这里把SAP官方的和SAP Clou ...

  4. 如何查找SAP Cloud for Customer UI页面对应的技术模型明细

    SAP Cloud for Customer的每个UI模型都会被分配到一个Work Center view(工作中心视图)里,而每个工作中心视图又会被分配到一个工作中心中去(Work Center). ...

  5. 如何找到SAP Cloud for Customer标准培训和认证方面的信息

    有一些朋友询问我如何在SAP官网上找到和SAP Cloud for Customer相关的标准培训信息,我这里把步骤写出来: 登录SAP官网https://training.sap.com 输入和Cl ...

  6. 如何为SAP Cloud for Customer Lead页面配置自定义的Source字段

  7. SAP Cloud for Customer前端url里的一长串base64code是在哪里根据什么逻辑计算的

    Answer: session ID

  8. SAP Cloud for Customer 技术概述

    SAP Cloud for Customer 标准培训课程 文章目录 SAP Cloud for Customer 架构 SAP Cloud for Customer 部署的三种方式 SAP Clou ...

  9. SAP Cloud for Customer(C4C)的一些学习资料(持续更新)

    经常有顾问朋友们问我想自学C4C,有什么好的资料. SAP内部确实有一些C4C培训材料,但是不能散布到公司外部. 这些标准培训课程的目录,可以在公网上查看,参考我这篇文章:SAP Cloud for ...

最新文章

  1. RPC 笔记(08)— socket 通信(多进程多线程服务器)
  2. R语言使用ggplot2包的快速可视化函数qplot绘制散点图(设置每个数据点的文本标签信息)实战
  3. Spring 5.3 正式GA,维护至2024年,4.3版本年末结束维护
  4. Gradle里Copy任务(task)的使用
  5. SAP Loyalty management模块演示场景的测试数据
  6. vue 监听渲染变化
  7. 4月7日发!荣耀Play6T Pro开启预约:后置相机模组感人
  8. php框架开发(草稿)
  9. Linux操作Oracle(1)——Linux下 Weblogic启动关闭方法
  10. webots自学笔记(七)通过定义顶点构件3D形状(IndexedFaceSet节点)
  11. 批量创建邮箱通讯组及向通讯组批量添加成员
  12. 采用Visual Stuidio 2010 创建网站栏
  13. java min函数_Java Math min()用法及代码示例
  14. arduino闪烁LED灯
  15. python元组(戴了紧箍咒的列表)
  16. ACM 130. [USACO Mar08] 游荡的奶牛(dp+BFS)
  17. 关于macbook鼠标不流畅问题
  18. 知道创宇研发技能列表v3.0
  19. 阿德莱德大学计算机科学学士排名,2020年阿德莱德大学计算机科学学士就业前景,入学要求介绍...
  20. Mermaid流程图

热门文章

  1. Mysql(Mariadb)数据库主从复制
  2. 正则化、交叉验证、泛化能力
  3. 高性能优秀的服务框架-dubbo介绍
  4. 移动端效果之Picker
  5. BZOJ 2127: happiness
  6. Bootstrap 表格 笔记
  7. python expected an indented block什么意思
  8. Java类和对象初始化
  9. 图卷积神经网络(part7)--PGC
  10. 20应用统计考研复试要点(part24)--简答题