EXTJS 如何实现类似comet 异步刷新grid(自动刷新)

本文介绍了一种EXTJS中实现类似Comet的自动刷新Grid的方法,通过客户端定时任务加载数据。首先,扩展了Ext.data.Store以添加自动刷新功能,然后创建一个静态Store用于与服务器交互,获取单步记录。通过绑定事件和回调函数,实现实时更新Grid的数据。
摘要由CSDN通过智能技术生成

原理:变更思路,通过客户端解决问题。

知识要点

1.在Ext.data.Store中添加刷新数据的计划任务。

2.在beforeload中设置控制参数。

3.grid绑定静态的Store,该Store不和服务器端打交道

4.通过新的Store从服务器端取得单步的记录赋值给grid绑定的store


该模块用于测试日志的展示。

代码如下:

function load_task_excute_result(taskid)
{

Ext.override(Ext.data.Store, {
   startAutoRefresh : function(interval, params, callback, refreshNow){
       if(refreshNow){
           this.load({params:params, callback:callback});
       }
       if(this.autoRefreshProcId){
           clearInterval(this.autoRefreshProcId);
       }
       this.autoRefreshProcId = setInterval(this.load.createDelegate(this, [{params:params, callback:callback}]), interval*1000);
   }
});

var caseid = -1;
// **每行测试任务格式**/
var task_result_record = Ext.data.Record.create([{
name : 'testcasename',
type : 'string'
}, {
name : 'description',
type : 'string'

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值