修改了用戶信息后，返回到列表頁，列表中需要顯示修改后的信息

例如把 “李四” 改為了 “李六”，那么返回列表頁后，第2條記錄就應(yīng)該顯示的是 “李六”

如何更新？

例如可以重新加載列表，返回到列表頁時(shí)，觸發(fā)的是onShow事件，那么就在 onShow 處理函數(shù)中重新請(qǐng)求數(shù)據(jù)進(jìn)行加載

但這樣做不太好處理用戶體驗(yàn)問題，例如修改的是經(jīng)過多次下拉翻頁后的某條用戶信息

也可以不用重新加載，在保存之后設(shè)置緩存，指明修改的用戶ID、修改后的數(shù)據(jù)，然后在列表頁的onShow處理函數(shù)中讀取緩存，直接修改現(xiàn)有列表中的數(shù)據(jù)

解決

上面的更新方式都不太優(yōu)雅，建議使用 broadcast 廣播機(jī)制

列表頁設(shè)置監(jiān)聽，編輯頁修改完成后發(fā)送廣播通知

列表頁

1. const broadcast = require("../../utils/broadcast")
2.  
3. ...
4.  
5. onLoad: function (options) {
6. ...
7.  
8. // 設(shè)置廣播監(jiān)聽
9. broadcast.on("broadcast_user_modified", (data) => {
10. // 處理邏輯
11. ...
12. });
13. }
14.  
15. ...

編輯頁

1. const broadcast = require("../../utils/broadcast")
2. ...
3.  
4. // 廣播
5. broadcast.fire("broadcast_user_modified",
6. {
7. userid:user_id,
8. ...
9. }
10. )
11. ...

列表頁收到廣播后就會(huì)觸發(fā)處理函數(shù)，取得廣播傳遞過來的數(shù)據(jù)，對(duì)現(xiàn)有列表數(shù)據(jù)進(jìn)行修改，使用 setData 更新

從詳細(xì)頁返回到列表頁時(shí)，列表中的數(shù)據(jù)就已經(jīng)是最新的了

小結(jié)

broadcast 是一個(gè)非常小巧實(shí)用的廣播工具，非常適合在不同頁面間傳遞消息