easyui-tabs(選項卡)重新開啟,資料沒有變化! 阿新 • • 發佈:2019-02-17 問題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中。不用使用者再去點選第二次。而且上面的問題也不會出現。