【easyui】開啟的tab頁同頁面引數不同頁面內容不重新整理
初始載入tab頁面方法:
function addTab(opts) {
var t = $('#mainTabs');
if (t.tabs('exists', opts.title)) {
t.tabs('select', opts.title);
} else {
t.tabs('add', opts);
}
}
問題:噹噹前頁面已載入過後,再次載入同title的時候頁面不會被重新整理,但是此時頁面載入href已經更改
初步修改:只要當前title的tab頁面開啟過並存在就重新整理
//不論載入過的頁面是否翻頁或其他操作,只要存在就重新整理
function addTab(opts) {
var t = $('#mainTabs');
if (t.tabs('exists', opts.title)) {
t.tabs('select', opts.title);//選中開啟的頁面
var selTab = t.tabs('getSelected');//獲取選中頁面的物件
t.tabs('update', {
tab: selTab,
options: {
href:opts.href
}
});
selTab.panel('refresh');
} else {
t.tabs('add', opts);
}
}
最後修改:當前title的tab頁面開啟過並存在且同一href就選中,當href不同(包括引數),則重新整理開啟的同title的tab頁面
//新增tab頁
//頁面存在並不需要重新整理,則直接選中
//頁面存在但href(引數)不同,則選中頁面並重新整理
//頁面是否存在的依據是tab頁的title是否已經建立
function addTab(opts) {
var flg=0;
var t = $('#mainTabs');
if (t.tabs('exists', opts.title)) {
//此時判斷href引數是否一致,一致就不處理,避免開啟的tab頁翻頁後重新選中會重新整理
var allTabs = mainTabs.tabs('tabs');
$.each(allTabs, function() {
var opt = $(this).panel('options');
if(opt.href == opts.href){
t.tabs('select', opts.title);
flg=1;
}
});
if(flg==0){
t.tabs('select', opts.title);
var selTab = t.tabs('getSelected');
t.tabs('update', {
tab: selTab,
options: {
href:opts.href
}
});
selTab.panel('refresh');
}
} else {
t.tabs('add', opts);
}
}
相關文章
- 如何重用瀏覽器tab開啟頁面瀏覽器
- router-view子頁面呼叫父頁面方法更新父頁面引數View
- 實現不同頁面不同頁首
- asp.net中一個頁面跳轉,後一個頁面操作內容後返回先前頁面,並使得先前頁面資料重新整理ASP.NET
- Android 頁面跳轉傳遞引數及頁面返回接收引數Android
- vue學習:使用tab標籤頁時,重新整理頁面停留在當前tabVue
- 頁面佈局的相關內容
- js實現父頁面獲取iframe子頁面內容程式碼JS
- a連結重新整理頁面與js重新整理頁面總結JS
- Flutter 路由——頁面表及頁面引數繫結的自動生成Flutter路由
- js重新整理頁面JS
- 修改當前路由地址引數重新重新整理頁面路由
- JavaScript訪問同一個頁面中的不同iframe的內容!JavaScript
- 為何頁面內容和網頁邊緣有空隙網頁
- 如何讓頁面跳出框架在一個新頁面開啟框架
- 頁面開啟很正常,後臺return後頁面偏左了
- JSP頁面根據後臺傳值不同顯示不同內容JS
- java抓取有驗證的頁面內容Java
- 微信小程式攜帶引數跳轉頁面/獲取頁面棧微信小程式
- 基於Html對父頁面開啟子頁面Dialog()的使用HTML
- eladmin 打包專案放到頁面重新整理丟失頁面
- react跳轉url,跳轉外鏈,新頁面開啟頁面React
- JavaScript禁用頁面重新整理JavaScript
- js在一定時間內跳轉頁面及各種頁面重新整理JS
- jQuery—頁面內容,樣式,控制屬性jQuery
- PHP模擬登陸抓取頁面內容PHP
- HTML5中History.back()頁面後退重新整理頁面HTML
- js頁面跳轉的問題(跳轉到父頁面、最外層頁面、本頁面)JS
- C#頁面間的引數傳遞C#
- vue中共用一個頁面只是路由引數的變化的單頁面重新渲染Vue路由
- silverlight 通過除錯頁面傳遞引數給page頁面除錯
- 簡單頁面開發神器——畫容
- JS頁面重新整理保持資料不丟失JS
- 微力開啟頁面空白,不顯示目錄
- 小程式頁面下拉重新整理
- mui 單頁面下拉重新整理UI
- Effective前端--加快頁面開啟速度前端
- VS Code 快捷開啟PHP頁面PHP