1

現在の時刻を表示するメッセージ ボックスを設定しました。タイマー間隔は 1000 に設定され、「タイマー」を開始および停止するための 2 つのボタンがあります。「停止」ボタンをクリックすると、Ext.TaskManager.stop メソッドが呼び出され、メッセージ ボックスのテキストが「一時停止」に更新されます。ただし、「停止」ボタンをクリックすると、テキストが「一時停止」に変わり、わずか 1 秒で現在の時刻が再び表示されるようになりました。Ext.TaskManager.stopAll(); を使用しようとしたとき Ext.TaskManager.stop(task) の代わりに動作します! なんで？以下のように私のコード：

<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);
            }    
    };       
    });

4

1 に答える 1

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);
            }
        };
于 2012-04-19T02:32:40.027 に答える