为EasyUI的Tab标签添加右键菜单的方法资源-CSDN文库

167 浏览量 2020-09-05 18:25:55 上传评论收藏 38KB PDF 举报

资源推荐

资源详情

资源评论

为为EasyUI的的Tab标签添加右键菜单的方法标签添加右键菜单的方法

近期研究了下MenuButton,有了新的感悟，原先在那个DEMO中右键支持做法，现在看来真是小儿科啊

前期的准备工作：

1、下载DEMO源码，并升级为最新版本（jquery 1.7.2,Easyui 1.2.6）,直接替换就可以啦，升级easyui 是的要把css js theme

全部替换

2、在首页的HTML代码中：将

复制代码代码如下:

<div id="mm" class="easyui-menu" style="width:150px;">

<div id="mm-tabupdate">刷新</div>

<div class="menu-sep"></div>

<div id="mm-tabclose">关闭</div>

<div id="mm-tabcloseall">全部关闭</div>

<div id="mm-tabcloseother">除此之外全部关闭</div>

<div class="menu-sep"></div>

<div id="mm-tabcloseright">当前页右侧全部关闭</div>

<div id="mm-tabcloseleft">当前页左侧全部关闭</div>

<div class="menu-sep"></div>

<div id="mm-exit">退出</div>

</div>

改为：

复制代码代码如下:

<div id="mm" class="easyui-menu" style="width:150px;">

<div id="refresh">刷新</div>

<div class="menu-sep"></div>

<div id="close">关闭</div>

<div id="closeall">全部关闭</div>

<div id="closeother">除此之外全部关闭</div>

<div class="menu-sep"></div>

<div id="closeright">当前页右侧全部关闭</div>

<div id="closeleft">当前页左侧全部关闭</div>

<div class="menu-sep"></div>

<div id="exit">退出</div>

</div>

outlook2.js 中添加新方法如下：

复制代码代码如下:

function closeTab(action)

{

var alltabs = $('#tabs').tabs('tabs');

var currentTab =$('#tabs').tabs('getSelected');

var allTabtitle = [];

$.each(alltabs,function(i,n){

allTabtitle.push($(n).panel('options').title);

})

switch (action) {

case "refresh":

var iframe = $(currentTab.panel('options').content);

var src = iframe.attr('src');

$('#tabs').tabs('update', {

tab: currentTab,

options: {

content: createFrame(src)

}

})

break;

case "close":

var currtab_title = currentTab.panel('options').title;

$('#tabs').tabs('close', currtab_title);

break;

case "closeall":

$.each(allTabtitle, function (i, n) {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

内容反馈

weixin_38683721

粉丝: 8
资源: 929

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip