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

时间:2016-05-27 22:38:14

标签: javascript extjs

我有一张桌子,其内容(姓名和状态)我试图每隔1分钟刷新一次,以便状态应该从' schedule'活跃的'跑步'没有用户手动刷新它。 这是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
            }
        };

    });

我不知道如何在上面的代码片段中编写一个函数,允许我每隔1分钟自动刷新一次表格内容。任何想法,将不胜感激! 谢谢!

1 个答案:

答案 0 :(得分:0)

您应该查看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);