根据DEMO带的TabCloseMenu修改而成
1 1.在开头增加enableRerfesh: true,配置项 2 3 //用于设置刷新按钮是否可用,刷新按钮通过extraItemsTail添加, 4 5 //me.extraItemsTail[1]表示位于extraItemsTail的第二个项目 6 7 2. menu.child('*[text="' + me.extraItemsTail[1].text + '"]').setDisabled(!me.enableRerfesh); 8 9 //接下来是页面自己的JS 10 11 , plugins: Ext.create('Ext.ux.TabCloseMenu', { 12 13 enableRerfesh: true, 14 showCloseAll: false, 15 showCloseOthers: false, 16 17 18 extraItemsTail: [ 19 '-', 20 { 21 text: '刷新', 22 hideOnClick: true, 23 handler: function (item) { 24 var tabName = currentItem.el.id;//获取选项卡的id 25 tabs.setLoading("加载中,如果加载的内容空白可以右击标题刷新...");//设置遮罩 26 var i = window.frames[tabName].location.reload();//frames[tabName]这是iframe的name,设置成与tab id同名 27 setTimeout(function () {//这张持续时间5秒 28 tabs.setLoading(false); 29 }, 5000); 30 31 } 32 } 33 ], 34 listeners: { 35 aftermenu: function () { 36 currentItem = null; 37 }, 38 beforemenu: function (menu, item) { 39 currentItem = item; 40 } 41 }
针对tabCloseMenu里菜单名字改为中文后出现的乱码问题:
文件头:<%@ page contentType="text/html;charset=GBK"%>(IE7中用GBK和GB2312会提示未结束的字符串常量错误,用unicode直接乱码,IE6估计也差不多,坑爹!!!)
或<head>中:<meta http-equiv="content-type" content="text/html; charset=GBK">(测试无效)