jQuery-easyui实现关闭全部tabs
2016-09-15 14:16
537 查看
jQuery-easyui实现关闭全部tabs
有时候当我们打开很多tabs选项卡时,要关闭它只能一个一个的进行关闭,显然太麻烦,这时可以在选项卡的最右边添加一个按钮 实现关闭全部。
有时候当我们打开很多tabs选项卡时,要关闭它只能一个一个的进行关闭,显然太麻烦,这时可以在选项卡的最右边添加一个按钮 实现关闭全部。
function openTab(text, url, iconCls) { if ($("#tabs").tabs("exists", text)) { $("#tabs").tabs("select", text); } else { var content = "<iframe frameborder=0 scrolling='yes' style='width:100%;height:100%;' src='" + url + "'></iframe>"; $("#tabs").tabs("add", { title: text, iconCls: iconCls, closable: true, content: content }); //获取最后一个tabs 在新加的选项卡后面添加"关闭全部" var li = $(".tabs-wrap ul li:last-child"); $("#close").remove(); li.after("<li id='close'><a class='tabs-inner' href='javascript:void()' onClick='javascript:closeAll()'>关闭全部</a></li>"); } } function closeAll() { $(".tabs li").each(function(index, obj) { //获取所有可关闭的选项卡 var tab = $(".tabs-closable", this).text(); $(".easyui-tabs").tabs('close', tab); }); $("#close").remove();//同时把此按钮关闭 }
相关文章推荐
- jQuery-easyui实现关闭全部tabs
- jQuery EasyUI实现关闭全部tabs
- jQuery EasyUI实现关闭全部tabs
- jQuery EasyUI实现关闭全部tabs
- jQuery EasyUI实现全部关闭tabs
- jQuery EasyUI Layout实现tabs标签的实例
- jQuery EasyUI实现关闭全部tabs
- 扩展jQuery easyui tabs组件,实现根据id(或者自定义属性)操作tab标签
- jQuery EasyUI实现关闭全部tabs
- jQuery EasyUI实现关闭全部tabs
- jQuery-Easyui 1.2 实现多层菜单
- MVC+Jquery easyui实现无限级部门小示例
- jquery easyui datagrid实现增加、删除、修改
- jQuery-Easyui 1.2 实现多层菜单
- jquery中实现简单的tabs插件功能的代码
- jQuery实现选项卡(tabs)效果
- 仿照jquery的方式实现的tabs和focus
- Jquery+$.cookie()实现跨越页面tabs导航
- jquery插件ui中tabs实现选择面板效果