Question

我正在尝试加载一个图表/网格，它应该更改在一定时间间隔后显示的数据。我使用了一个ExtJs TaskRunner，它重新加载商店（使用代理ajax类型调用获取数据的项目存储）用户从ExtJs滑块设置的特定时间间隔。

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

    runner.stop();
}

这是我的小提琴：

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

滑块指定的间隔未设置为Runner。如何从滑块向Runner提供值，这是在仪表板上显示实时数据的正确方法，只要后端数据发生变化，图形就会发生变化

Answer 1

要使用新计时器设置新跑步者，您需要在滑块的监听器中销毁旧的跑步者。

,
    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

ExtJs taskrunner使用Slider

1 个答案: