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

js主動刷新當前頁籤的js代碼

本來想找一下jeesite有沒有主動刷新當前頁面的內置方法。

官方文檔找了一大堆，找都找不到，也可能我這個需求比較少人須要。

tab標籤頁有一個右鍵刷新頁籤功能

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

$('.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()