调用Ext.TaskManager.stop()方法时无法停止运行任务

时间:2012-04-19 02:23:14

标签: extjs task taskmanager

我设置了一个消息框来显示当前时间。定时器间隔设置为1000,有2个按钮可以启动和停止'定时器'。单击“停止”按钮时,它会调用Ext.TaskManager.stop方法并将消息框中的文本更新为“暂停”。但是,当单击“停止”按钮并且文本更改为“已暂停”时,它会再次变回显示当前时间。当我尝试使用Ext.TaskManager.stopAll();而不是Ext.TaskManager.stop(任务),它的工作原理!为什么?我的代码如下:

<script type="text/javascript">
Ext.onReady (function(){
            var config={
            msg:'Display Time',
            modal:true,
            buttons:Ext.Msg.OKCANCEL,
            fn:displayTime
            }

        Ext.MessageBox.msgButtons[0].setText('Start');
        Ext.MessageBox.msgButtons[3].setText('Stop');                
        Ext.MessageBox.show(config); 
        function displayTime(id){
            if(id=='ok'){
                var task = {
                    run:function(){Ext.MessageBox.updateText ('????:' + Ext.util.Format.date(new Date(), 'Y-m-d g:1:s A'));},        
                    interval:1000                            
                    }                   
                Ext.TaskManager.start(task);
            }             
            else {
                Ext.MessageBox.updateText('Paused!');
                Ext.TaskManager.stop(task);
            }    
    };       
    });

1 个答案:

答案 0 :(得分:1)

任务在if中定义,当else被击中时,它基本上正在运行Ext.TaskManager.stop(),这不会停止你的任务。将您的任务移到函数声明之外。

        var task = {
            run: function () {
                Ext.MessageBox.updateText('????:' + Ext.util.Format.date(new Date(), 'Y-m-d g:1:s A'));
            },
            interval: 1000
        }


        function displayTime(id) {
            if (id == 'ok') {
                Ext.TaskManager.start(task);
            } else {
                Ext.MessageBox.updateText('Paused!');
                Ext.TaskManager.stop(task);
            }
        };