Extjs实现文件下载功能

一般下载是这么做的

1. Ext.Ajax.request({   
2.     url:'getPath.action',   
3.     success:function(res){   
4.         var obj = Ext.decode(res.responseText);   
5.         //console.log(obj);//可以到火狐的firebug下面看看obj里面的结构  
6.         //加入getPath返回的json为{'path':'upload/abc.jpg'}  
7.         window.location.href = obj.path;//这样就可以弹出下载对话框了  
8.     }   
9. });  

 

Extjs 文件下载总结一下：

  文件导出与下载 大同小异！

1、可以用 window.location = basePath + "commaction.do?data1"+data;

 

但是 这种方法 当参数过长的话，会出现问题！

 

2、用 extjs  的ajax方法

 

 Ext.Ajax.request({
      url:"url",
      success:function(res){
           var obj =Ext.decode(res.responseText);
              window.location.href =obj.path;
      }
      });
这种方法 是先到后台将要导出或者下载的数据 准备后，并将文件路径传到 前台，然后再指向该路径

 

3、在 extjs 中创建 一个 form

 

1.             if (!Ext.fly('downForm')){      

2.                      var downForm = document.createElement('form');      

3.                      downForm .id = 'downForm';      

4.                      downForm .name = 'downForm';      

5.                      downForm .className = 'x-hidden';  

6.                      downForm .action = 'download.do?data=' + data;  

7.                      downForm .method = 'post';  

8.                     //downForm .target = '_blank'; //打开新的下载页面

9.                      document.body.appendChild(downForm );      

10.                  }  

11.                  Ext.fly('downForm').dom.submit(); 

                 if (Ext.fly('downForm')){      

                    document.body.removeChild(downForm );      

                }

但是如果 参数data的内容过长的话，也会出现问题

因此，可以自定义使用 hidden 来放到表单中 ，传递参数。

 if (!Ext.fly('downForm')){      

  var downForm = document.createElement('form'); 

 downForm .id = 'downForm'; 

  downForm .name = 'downForm'; 

  downForm .className = 'x-hidden';

 downForm .action = 'download.do'; 

 downForm .method = 'post';  

 //downForm .target = '_blank'; //打开新的下载页面

 

 var data = document.createElement('input');  

  data.type = 'hidden';//隐藏域

  data.name = 'data';// form表单参数

 data.value = data;//form表单值

 downForm.appendChild(data); 

 

 document.body.appendChild(downForm ); 

 }            

 Ext.fly('downForm').dom.submit(); 

     if (Ext.fly('downForm')){      

     document.body.removeChild(downForm );      

 }