為EasyUI 的Tab 標籤新增右鍵選單

近期研究了下menubutton,有了新的感悟，原先在那個demo中右鍵支援做法，現在看來真是小兒科啊！

前期的準備工作：

2、在首頁的html**中：將

1

<
div 
id="mm"
class
="easyui-menu"
style
="width:150px;"
>
2<
div 
id="mm-tabupdate"
>重新整理
div>
3<
div 
class
="menu-sep"
>
div>
4<
div 
id="mm-tabclose"
>關閉
div>
5<
div 
id="mm-tabcloseall"
>全部關閉
div>
6<
div 
id="mm-tabcloseother"
>除此之外全部關閉
div>
7<
div 
class
="menu-sep"
>
div>
8<
div 
id="mm-tabcloseright"
>當前頁右側全部關閉
div>
9<
div 
id="mm-tabcloseleft"
>當前頁左側全部關閉
div>
10<
div 
class
="menu-sep"
>
div>
11<
div 
id="mm-exit"
>退出
div>
12div
>

改為：

1

<
div 
id="mm"
class
="easyui-menu"
style
="width:150px;"
>
2<
div 
id="refresh"
>重新整理
div>
3<
div 
class
="menu-sep"
>
div>
4<
div 
id="close"
>關閉
div>
5<
div 
id="closeall"
>全部關閉
div>
6<
div 
id="closeother"
>除此之外全部關閉
div>
7<
div 
class
="menu-sep"
>
div>
8<
div 
id="closeright"
>當前頁右側全部關閉
div>
9<
div 
id="closeleft"
>當前頁左側全部關閉
div>
10<
div 
class
="menu-sep"
>
div>
11<
div 
id="exit"
>退出
div>
12div
>

outlook2.js 中新增新方法如下：

function

closetab(action)
)    
switch
(action) 
})break
;        
case "close":
var currtab_title = currenttab.panel('options').title;
$('#tabs').tabs('close', currtab_title);
break
;        
case "closeall":
$.each(alltabtitle, 
function
(i, n) 
});break
;        
case "closeother":
var currtab_title = currenttab.panel('options').title;
$.each(alltabtitle, 
function
(i, n) 
});break
;        
case "closeright":
var tabindex = $('#tabs').tabs('gettabindex', currenttab);
if (tabindex == alltabs.length - 1)
$.each(alltabtitle, 
function
(i, n) 
}});
break
;        
case "closeleft":
var tabindex = $('#tabs').tabs('gettabindex', currenttab);
if (tabindex == 1) 
$.each(alltabtitle, 
function
(i, n) 
}});
break
;        
case "exit":
$('#closemenu').menu('hide');
break
;    }
}

將js中tabcloseeven 方法 改為

function

tabcloseeven() 
});return
false
;}

這樣就ok啦，**比原來優雅多啦！

呼叫重新整理，關閉當前標籤時，就呼叫 closetab(『action』) //action 可以為 refresh（重新整理）,close（關閉）

iframe 中使用時，要這麼屎 top.closetab('action');

為EasyUI 的Tab 標籤新增右鍵選單

近期研究了下menubutton,有了新的感悟，原先在那個demo中右鍵支援做法，現在看來真是小兒科啊！前期的準備工作 2 在首頁的html 中 將 1 div id mm class easyui menu style width 150px 2 div id mm tabupdate 重新整理 ...

動態修改easyui元件tab的title屬性

最近乙個應用場景，根據不同的業務類別顯示不同的table頁面，那麼此時tab標題怎麼轉換處理呢？思路1 其實我們tab元件依賴於panel，所以我們可以通過tab獲取我們需要修改的panel，通過panel來修改它的標題。如 testtab panel settitle 改變標題 思路二 我們也可以...

為標籤頁的標題新增序號

在 vimrc中新增如下 為標籤頁的標題新增序號 if exists showtabline function mytabline let s let wn let t tabpagenr let i 1 while i tabpagenr let buflist tabpagebuflist i ...