SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码

Created by Jerry Wang on Dec 06, 2014

UI上点击Master Data work center,触发UI framework的onclick事件:


SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码


onclick delegate到library htmlbSubmitLib:


SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码


继而delegate打咯htmlbSubmit. 传入该function的参数包括Master data workcenter的technical id C4_W16_V17_MD-ALL:


SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码



在navigate到target workcenter之后,先进行当前页面的cleanup 操作:


SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码


因为htmlbSumbit支持最多传入9个参数,这里是针对多参数的处理:


SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码


在做submit操作之前,disable当前页面的点击:


SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码



简单地将disabled属性全部置为true:


SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码


call form element的native submit方法进行提交:


SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码


提交完毕后重新enable ui element的点击:


SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码



可以在Chrome的Network tab里观察到该http post:


SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码


在submit的上下文里还能看到UI的齿轮动画效果是如何实现的:


SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码


这里能发现齿轮的显示由showSubmitInProgressNow实现,具有1秒的延时。

SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码


SAP CRM WebClient UI,点击Master Data工作中心后执行的JavaScript代码

上一篇:快捷支付时代,支付宝如何保障亿级用户的性能稳定?


下一篇:蚂蚁金服技术专家杜伟:万人低头时代,支付宝APP无线网络性能该如何保障