1. 程式人生 > >easyui-tabs(選項卡)重新開啟,資料沒有變化!

easyui-tabs(選項卡)重新開啟,資料沒有變化!

問題1: 今天在做宿舍管理系統優化的時候,發現一個問題。在彈窗的基礎上在彈一個Tabs頁面,關閉之後再開啟一個新的Tabs頁面,結果顯示的還是上一個頁面的資料。沒有隨著頁面的更改,而更改。

這裡寫圖片描述

這樣也屬於一個Bug,同時也帶來不愉快的使用者的體驗。

這裡寫圖片描述

這裡寫圖片描述

嘗試了修改了JS的很多方法,包括使用panel來close,destroy,refresh,都沒有實現預期效果,那麼為什麼會使用panel來進行修改?因為Tabs和Panel有依賴關係,且方法繼承。

這裡寫圖片描述

當然也使用了Tabs中自己的一些事件,如:onLoad,onClose,不過後來發現也是不行。

原因是:在第一開啟Tabs時,它會走Select方法,在關閉的時候,再開啟以後就不走Select。也不走onLoad事件。後來我們公司大牛說:“再第一次開啟Tabs時候,Tabs初始化了;再開啟的時候,Tabs已經初始化過了,所以資料不會有變化。”

那麼問題就來了,怎麼樣讓Tabs每次都初始化一遍?

這裡寫圖片描述

解決方案:在關閉Dialog的時候關閉每個Tabs,此後在開啟Dialog的時候,再從新Open就行啦。

上面問題是解決了?那麼,每次使用者在點小燈泡的時候才能再次開啟,會不會很影響使用者的體驗?那麼幹脆直接放在一個Tabs中。不用使用者再去點選第二次。而且上面的問題也不會出現。

這裡寫圖片描述

這裡寫圖片描述