如何在 EXT.js 中自动刷新表格内容答案

【问题标题】：How to auto refresh table contents in EXT.js如何在 EXT.js 中自动刷新表格内容
【发布时间】：2016-05-27 22:38:13
【问题描述】：

我有一个表，其内容（名称和状态）我试图每 1 分钟刷新一次，这样状态应该从“计划”变为“活动”再到“正在运行”而没有用户手动刷新它。这是js：

    $cls.superclass.constructor.call(this, Ext.apply({
        useTemplate: true,
        directFn: Service('getRecordService').getRecord,
        fields: [
              {
                name : 'name',
                column: {
                    header: "Name",
                    renderer: function (record) {
                      return name(record.data.name);
                    },
                }
            },

            {
                name : 'status',
                column: {
                    header: "status",
                    renderer: function (record) {
                      return status(record.data.status);
                    },
                }
            },

        ],
        viewConfig: {
            getRecord: function (){
                ///get single record info
            }
        };

    });

我不确定如何在上面的 sn-p 中编写一个函数，让我每 1 分钟自动刷新一次表格内容。任何想法，将不胜感激！谢谢！

【问题讨论】：

你使用的是什么版本的 ExtJs？
@And-y: Ext JS 3.4.0

标签： javascript extjs

【解决方案1】：

你应该看看Ext.util.TaskRunner 和单例Ext.TaskMgr。它提供了启动/停止任务功能的方法，这些功能在可配置的时间间隔内执行。

这样你就可以试试下面的方法了。

var grid = ;                    // your grid instance
var store = grid.getStore();    // store of your grid, you want to reload
var refreshTask = {             // task which reloads the store each minute
    run: function() {
        store.reload();
    },
    interval: 60 * 1000 // 1 Minute
};

Ext.util.TaskRunner.start(refreshTask);

【讨论】：