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

2021-09-06 05:18:26 字數 3311 閱讀 7648

近期研究了下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 ...