javascript - 使用 Slider 的 ExtJs 任务运行程序

Question

我正在尝试加载一个图表/网格，它应该更改在一定时间间隔后显示的数据。我使用了 ExtJs TaskRunner，它会在用户通过 ExtJs slider 设置的特定时间间隔。

 var runner = new Ext.util.TaskRunner(),
        task = runner.start({
            run: function() {
                store.reload();
            },
            interval: function(){
             return Ext.getCmp('myslider').value();
             }
        });

    runner.stop();
}

这是我的 fiddle :

 https://fiddle.sencha.com/#fiddle/p49

slider 给出的间隔未设置为 Runner 。如何从 slider 向运行器赋予值(value)，这是在仪表板上显示实时数据的正确方法吗？只要后端数据发生变化，图表就会发生变化

Answer 1

要使用新计时器设置新运行者，您需要销毁 slider 监听器中的旧计时器，如下所示。

,
    listeners:{
        changecomplete: function( me, newValue, thumb, eOpts ){
            console.log(newValue)
            var val = newValue*1000;
            //destroy the runner
            runner.destroy()
            //make a new runner and task and set the new slider time
            runner = new Ext.util.TaskRunner();
            task = runner.start({
             run: myRun,
             interval: val
            });
        }
    },

完整的运行代码在这里:https://fiddle.sencha.com/#fiddle/p57