问题背景:利用Tabpanel来完成项目中实时监控任务的展现,ajax定时(隔10秒或5秒)后台请求
数据。因此脚本要管理到每一个tabpanel与ajax请求的新增与关闭。
处理思路:用时间戳区分每一个产生的tab,每新增一个tab,则产生一个新的ajax请求对象,将
新产生的tab与ajax都保存进入一个简单的数组或类哈希表的结构中。监听tab的关闭
动作,消除对应的ajax请求对象和tab对象。
关键代码:
//存储实时监控任务数据请求的对象
var relTimeTaskHashMap = {
Set : function(key, value) {
this[key] = value
},
Get : function(key) {
return this[key]
},
Contains : function(key) {
return this.Get(key) == null ? false : true
},
Remove : function(key) {
delete this[key]
}
};
//存储tab对象
var chartHashMap = {
Set : function(key, value) {
this[key] = value
},
Get : function(key) {
return this[key]
},
Contains : function(key) {
return this.Get(key) == null ? false : true
},
Remove : function(key) {
delete this[key]
}
};
//ajax请求的守护对象,负责ajax请求发起和停止
function RealTimeTaskDefend(){
var threadStatus;
var callBackFunction;
this.setCallBackFunction=function(callFunction){
this.callBackFunction=callFunction;
}
this.run=function(){
this.threadStatus=setInterval(this.callBackFunction,5000);
}
this.stop=function(){
clearTimeout(this.threadStatus);
}
}
//新增加一个tab需要完成的动作
var realTimeTaskDefend = new RealTimeTaskDefend();
relTimeTaskHashMap.Set(tabPanelId, realTimeTaskDefend);
chartHashMap.Set(tabPanelId,'实时监控的展现对象入口');
//发起监控请求需要完成的动作
var realTimeTaskDefend_run = relTimeTaskHashMap.Get(tabpanelId)
realTimeTaskDefend_run.setCallBackFunction('实时监控的数据处理方法入口');
realTimeTaskDefend_run.run();
//结束监控请求需要完成的动作
var realTimeTaskDefend_stop = relTimeTaskHashMap.Get(tabPanelId);
realTimeTaskDefend_stop .stop();
relTimeTaskHashMap.Remove(tabPanelId);
chartHashMap.Remove(tabPanelId);
分享到:
相关推荐
extjs4.2.1 tabPanel刷新及关闭标签
解决Ext中tabPanel关闭后再次打开的2种方式。详情见文件,很小的txt文本。
竖向标签TabPanel-------------------------------------------------
extjs动态添加tabpanel标签页支持pannel嵌入 逻辑代码在 MyWindow.js里面直接调用 方法 就可以
NULL 博文链接:https://mstr838wind.iteye.com/blog/766860
tapestry4.02中封装ext的TabPanel组件
treepanel 和 tabpanel 合在一起使用,可直接使用
NULL 博文链接:https://rowen.iteye.com/blog/446163
ext的tabpanel的激活与注意事项,激活的代码实现
如何在MATLAB中做出标签页的效果-tabpanel2.6.zip 刚才看到有会员朋友说matlab中控件少,math说ActiveX中多的是啊,于是我也就顺便打开ActiveX看看里面都有什么。突然看到个单词tabbed……难道这就是困扰我多日的...
EXT的扩展控件,可以实现页签面板的拖动效果
TabPanel的使用,添加tab,加载页面,添加事件
1、Ext.TabPanel简单使用 代码:
EXTJS4.2官网上的tabpanel的右键关闭当前页,关闭其它,关闭全部有一点小BUG。 修改TabCloseMenu.js文件的一下函数。 压缩文件里面就是修改过后的TabCloseMenu.js文件,只要替换当前4.2的那个文件就可以使用了!
博文链接:https://jfp.iteye.com/blog/178889
NULL 博文链接:https://icyfire.iteye.com/blog/412574
4.6.1. ext中默认的提交形式 4.6.2. 使用html原始的提交形式 4.6.3. 单纯ajax 4.7. 验证苦旅 4.7.1. 不能为空 4.7.2. 最大长度,最小长度 4.7.3. 借助vtype 4.7.4. 自定义验证规则 4.7.5. 算不上校验的NumberField ...
NULL 博文链接:https://daishuanglong.iteye.com/blog/789697
ext拖拽示例,可以通过ext生成的layout自动拖拽,效果很不错的
基于jquery的tabpanel,支持动态添加,支持滚动条,可内嵌iframe,支持关闭按钮,支持tab的背景图片配置, 这个是我在网上找到一个原始的版本,然后修改的,有详细注释,写了11个使用例子,基本涵盖了该组件的功能。...