ExtJs TabPanel右键功能插件Ext.ux.TabCloseMenu
2016-03-25 21:32
507 查看
源码:
使用方法:
在TabPanel上加上这句,plugins :new Ext.ux.TabCloseMenu()
注:一定要导入包含源码的js文件
Ext.ux.TabCloseMenu = function () { var tabs, menu, ctxItem; this.init = function (tp) { tabs = tp; tabs.on('contextmenu', onContextMenu); } function onContextMenu(ts, item, e) { ctxItem = item; if (!menu) { // create context menu on first right click menu = new Ext.menu.Menu([{ id : tabs.id + '-close', text : '关闭当前', handler : function () { tabs.remove(ctxItem, false); } }, { id : tabs.id + '-close-others', text : '关闭其他', handler : function () { tabs.items.each(function (item) { if (item.closable && item != ctxItem) { tabs.remove(item, false); } }); } }, { id : tabs.id + '-close-all', text : '关闭所有', handler : function () { tabs.items.each(function (item) { if (item.closable) { tabs.remove(item, false); } }); } }, '-', { id : tabs.id + '-closable', text : '可关闭', checked : true, hideOnClick : ctxItem.closable, handler : function () { if (item.checked) { ctxItem.closable = false; } else { ctxItem.closable = true; } } } ]); } var items = menu.items; items.get(tabs.id + '-close').setDisabled(!item.closable); var disableOthers = true; tabs.items.each(function () { if (this != item && this.closable) { disableOthers = false; return false; } }); items.get(tabs.id + '-close-others').setDisabled(disableOthers); var disableAll = true; tabs.items.each(function () { if (this.closable) { disableAll = false; return false; } }); items.get(tabs.id + '-close-all').setDisabled(disableAll); menu.showAt(e.getPoint()); } }; Ext.preg('tabclosemenu',Ext.ux.TabCloseMenu);
使用方法:
在TabPanel上加上这句,plugins :new Ext.ux.TabCloseMenu()
注:一定要导入包含源码的js文件
相关文章推荐
- ExtJs之Ext.XTemplate:模板成员函数
- 3月25日 javascript练习
- 20行左右的(HTML和JS)代码实现的贪吃蛇游戏
- JS控制网页文字大小,使其能够自适应屏幕大小
- 【bzoj1029】[JSOI2007]建筑抢修
- ExtJs之Ext.XTemplate:数组填充,访问父对象
- 【bzoj1028】[JSOI2007]麻将
- 【bzoj1015】[JSOI2008]星球大战starwar
- 【bzoj1821】[JSOI2010]Group 部落划分 Group
- 【bzoj1012】[JSOI2008]最大数maxnumber
- JavaScript 操作页面元素
- perl 解json数组
- perl 解json数组
- perl 解json数组
- JQ控制表格隔行换色和悬停换色
- 【JavaScript】使用form表单实现excel下载模板
- js 生成 yyyy-mm-dd 格式的逼格姿势
- javascript中的undefined和null
- 从Web Service获取JSON格式数据
- 【json】数组和对象转换为json