EXTJS Ajax 请求和 Content-Disposition 附件

Question

我想在加载链接时在 extjs 中获得一条等待消息。响应是一个二进制代码，我想下载它。该链接例如是“test.php”。

    function loadurl(link){

Ext.MessageBox.wait('Loading ...');
Ext.Ajax.request({
    url: link,
    callback: function(options, success, response){
        Ext.MessageBox.updateProgress(1);
        Ext.MessageBox.hide();
        if (success) {
            // response : my attachment
        }
        else {

        }
    },
    scope: this
});

我也在test.php

          {
                 ...


 //functioncall    
             loadurl('test.php');
      }

中尝试过。

       <?php
          header('Content-Disposition: attachment; filename="'.$filename.'"');
          echo $content;
       ?>

但这不起作用。如果我只是加载链接，它就可以工作，但无需等待消息。

Answer 1

在 ExtJS 文档 中有一个名为 的类LoadMask 旨在显示正在加载的“旋转器”以及一条短消息。在您的情况下，您将像这样使用它：

function loadurl(link){
    var mask = Ext.LoadMask(Ext.getBody(), {msg:"Loading..."})
    mask.show();
    Ext.Ajax.request({
        url: link,
        callback: function(options, success, response){
            if (success) {
                // response : my attachment
            }
            else {

            }
            //do whatever work we need to do, then hide the mask
            mask.hide()
        },
    scope: this
});

但是，如果出于某种原因，回调几乎立即返回，则掩码可能不可见，因为您的文件加载太快。如果这是一个问题，您可以通过将 Ajax 请求放入 setTimeout 中来强制延迟。