一文读懂-消息中心弹出是如何实现的

消息中心弹出是如何实现的

相信做过审批流的同学，对于消息中心一定不陌生，那么它的谈出是如何实现的呢，经历了几个步骤？

点击某条消息，发现触发了6次后端请求：

接下来，我们看这6个请求都做了什么。由于debug内容太多，仅挑核心进行展示说明：

第一个请求：

http://localhost:8080/ierp/form/batchInvokeAction.do?appId=bos&f=bos_portal_personalinfo&ac=entryRowClick

最后执行了kd.bos.form.control.AbstractGrid的entryRowClick方法

所以这一步主要是将操作发送给后端处理

第二步：

http://localhost:8080/ierp/form/batchInvokeAction.do?appId=bos&f=bos_portal_personalinfo&ac=customEvent

最后触发了kd.bos.portal.plugin.PersonalSettingPlugin#customEvent方法

第三步：

http://localhost:8080/ierp/form/batchInvokeAction.do?appId=bos&f=pc_main_console&ac=selectTab

最后执行了kd.bos.form.container.Tab#selectTab

第四步：

http://localhost:8080/ierp/form/batchInvokeAction.do?appId=bos&f=wf_msg_center&ac=loadData

最后调用kd.bos.mvc.form.FormController#loadData

第五步：

http://localhost:8080/ierp/form/batchInvokeAction.do?appId=bos&f=wf_msg_message&ac=loadData

第六步：

http://localhost:8080/ierp/form/batchInvokeAction.do?appId=bos&f=wf_msg_message&ac=entryRowClick

最后调用的是kd.bos.list.BillList#entryRowClick

在上面的调试中，我们发现了如下内容：

总结一下这六步执行的主要内容：

1.      将bos_portal_personalinfo（个人中心）的点击事件传给后台

2.      执行bos_portal_personalinfo（个人中心）自定义事件

3.      pc_main_console（主控制台）选择页签

4.      加载wf_msg_center（消息中心）

5.      加载wf_msg_message（消息模型）列表

6.      点击wf_msg_message（消息模型）消息列表