jeesite框架前端 tabPage頁籤刷新功能。

js主動刷新當前頁籤的js代碼
本來想找一下jeesite有沒有主動刷新當前頁面的內置方法。
官方文檔找了一大堆,找都找不到,也可能我這個需求比較少人須要。
tab標籤頁有一個右鍵刷新頁籤功能

查看編譯後的代碼,發現能夠用前端編譯後的源碼html

$('.active .refresher').click() 

這個js腳原本調用官方內置的刷新功能。前端

可是這個腳本存在問題,只有第一次纔會觸發,再操做打開列表或表單界面後,這個方法就會失效。瀏覽器

瀏覽器調試發現,後面幾回獲取 $('.active .refresher') 元素都是空的,獲取不到。前端框架

 
因爲前段不是很熟悉,也沒前段配合,想了老半天,最後發現
官方函數, js.getCurrentTabPage(currentTabCallback);  回調參數是iframe的contentWindow對象,
就想到了iframe的刷新功能。
下面是刷新當前頁籤的js代碼。測試能夠正常使用。
存在一個問題,若是是查詢列表頁面,調用下面js會形成查詢條件丟失。
js.getCurrentTabPage(function(contentWindow){
//從新加載iframe窗口 contentWindow.location.reload(true); });

 

搞定這個問題,而後的當前頁刷新功能就均可以實現了。
喝杯水吹個風的過程當中,想到個問題。
既然這個前端框架是使用多個iframe在一個界面中,那只有第一次進入界面才能獲取到$('.active .refresher')選擇器對應元素的,操做界面一段時間後就獲取不到的問題,就能夠解釋了通了。
瀏覽器控制檯調式。(第一次刷新頁面,能夠獲取到html元素,操做一段時間後,須要使用 $(選擇器,window.parent.document).html() 這個來獲取文檔內容。

 

因此,上面刷新當前頁籤的方法也能夠改爲下面的刷新代碼(調用內置js腳本刷新頁面,其實和上面代碼一個樣。)
$('.active .refresher',window.parent.document).click() 
相關文章
相關標籤/搜索