Extjs4 tab添加右键刷新功能

根据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">(测试无效)

posted @ 2013-04-09 09:22  玢棂  阅读(...)  评论(...编辑  收藏