0

使用 ExtJS 5.1.0。

真的想不出任何其他方法来做到这一点，但我需要一个计时器在等待 Ajax 响应时显示在负载掩码中。上success，然后我将取消设置掩码并销毁计时器。

没有 ，代码可以正常工作Ext.util.TaskRunner，所以我的修改是执行以下操作：

    task = runner.start({
        run:  function () {
            // show loadMask during request
            Ext.getBody().mask("Computing..." + Ext.Date.format(new Date(), 'g:i:s A'));
        },
        interval: 10
    });

    // payload for POST
    obj = {
        query: {
            payload: atom
        }
    };

    Ext.Ajax.request({
        cors: true,
        timeout: 600000, //default is 30 seconds
        useDefaultXhrHeader: false,
        url: url,
        jsonData: obj,
        headers: {
            'Accept': 'application/json'
        },
        disableCaching: false,

        success: function(response) {
             // do stuff

             // stop loadMask
             Ext.getBody().unmask();
             Ext.util.TaskRunner.destroy(task);
        }
    });

它正在“success做事”，但它现在没有破坏计时器，现在它没有移除面具（这已得到证实，因为我收到一个错误：TypeError: Ext.util.TaskRunner.destroy is not a function. (In 'Ext.util.TaskRunner.destroy(task)', 'Ext.util.TaskRunner.destroy' is undefined)......

我意识到TaskRunner它将继续运行，直到它被破坏或停止，但这似乎并没有按预期工作。

我最终需要在 Ajax 调用的生命周期中执行任务，并且我意识到我正在LoadMask多次调用以实现我所需要的。

- - 编辑 - -

部分明白了：我缺少repeat配置参数（我之前尝试过该repeat参数，但没有使用该interval参数，但它没有工作，但这些组合正是让它工作所需要的。Doh！您认为他们会在文档中给出这个简单的用例作为示例，但是唉...）：

task = runner.start({
        run:  function () {
            // show loadMask during request
            Ext.getBody().mask("Computing..." + Ext.Date.format(new Date(), 'g:i:s A'));
        },
        interval: 10,
        repeat: 1
    });

有了这个，我不需要在对象上发出stopor destroy。

但是，时钟没有按需要更新，这是有道理的，因为任务只运行一次。所以，看起来我仍然被困住了。

4

1 回答 1

0

明白了，终于！

这是有效的配置：

    var task, runner = new Ext.util.TaskRunner();

    task = runner.newTask({
        run:  function () {
            // show loadMask during request
            Ext.getBody().mask("Computing..." + Ext.Date.format(new Date(), 'g:i:s A'));
        },
        interval: 10000
    });

    task.start();

一旦成功回调发生，然后一个简单task.stop();的停止任务。缺少的键似乎正在定义一个NewTask.有趣的。猜猜它有助于更​​仔细地阅读 Sencha 文档中的示例。

于 2016-08-29T19:09:59.833 回答