使用ExtJs实现文件下载

文件下载，是不可以直接通过Ext.Ajax.Request来实现的。一般的，可以通过创建一个隐藏的form表单来实现。具体代码以及代码注释如下：

if (!Ext.fly('downForm')){      //如果不存在一个id为"downForm"的form表单，则执行下面的操作

　//下面代码是在创建一个表单以及添加相应的一些属性var downForm = document.createElement('form');  //创建一个form表单downForm .id = 'downForm'; 　　//该表单的id为downFormdownForm .name = 'downForm';  //该表单的name属性为downFormdownForm .className = 'x-hidden'; //该表单为隐藏的downForm .action = 'download.action'; //表单的提交地址downForm .method = 'post';  //表单的提交方法

　//下面代码是下载文件需要传递附加参数时才写的　//其原理很简单，就是添加input，然后再添加name和value即可　//其中，name属性时参数名称，value是参数的值var data = document.createElement('input');  //创建一个input节点data.type = 'hidden';　　//隐藏域data.name = 'data';　　　//需要传递给后台的参数名data.value = "666";    //参数值

  downForm.appendChild(data); //将input节点追加到form表单里面document.body.appendChild(downForm ); //讲form表单追加到body里面}
Ext.fly('downForm').dom.submit(); //调用form表单的submit方法，提交表单，从而开始下载文件

//因为表单已经提交了，文件也开始下载了，所以过河拆桥，把表单移除掉//如果存在id为downForm的表单，则将它移除掉
if (Ext.fly('downForm')){      document.body.removeChild(downForm );
}

转载于:https://www.cnblogs.com/yugege/p/4852799.html

使用ExtJs实现文件下载相关推荐

extjs插件开发上传下载文件简单案例
前台,extjs,框架,mybatis,spring,springMVC,简单的文件上传下载案例. 必要的jar包,commons-fileupload-1.3.1.jar,commons-io-2. ...
Extjs页面实现行复制功能
在使用Extjs编写页面过程中,需要使用到行复制.但是Extjs没有好的支持. 自己做了一个扩展.需要用到一个复制内容到剪贴板的js文件. 主要代码: 重写GridPanel,打开鼠标右键事件,添加一 ...
Extjs 3.0.0 问题总结
1:在使用eclipse +spket 开发extjs3.0.0的版本时发现extjs包中没有jsb文件,找了很久也没有找到,官方说是要用jsb2文件了是使用json格式了 ,而且要用JSB ...
ini文件怎么使用_ftp文件下载工具，ftp文件下载工具是怎么使用的？使用指南
ftp文件下载工具是什么工具,可能有人会回答说不知道,因为一般只有从事网站管理的工作者会使用的多一点.但不是每个人生来就会的,所以刚开始肯定都会学习怎么使用.这篇文章就来教一下大家ftp文件下载工具是 ...
在ASP.NET中跟踪和恢复大文件下载
在Web应用程序中处理大文件下载的问题一直出了名的困难,因此对于大多数站点来说,如果用户的下载被中断了,它们只能说悲哀降临到用户的身上了.但是我们现在不必这样了,因为你可以使自己的ASP.NET应用程 ...
ExtJs学习笔记(5)_Ajax示例
ExtJs对于Ajax的使用非常简单,看下面的代码: 1.Html页: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...
Apache，Nginx,Lighttpd分别使用X-sendfile功能提升文件下载性能
关于mod_xsendfile https://tn123.org/mod_xsendfile/ Lighttpd中的X-sendfile RoR网站如何利用lighttpd的X-sendfile功能 ...
java 文件下载【学习记录】
工具类 public static Boolean downloadExcelFile(HttpServletResponse response, String fileName) {OutputSt ...
python写一个文件下载器_Python3使用TCP编写一个简易的文件下载器
原标题:Python3使用TCP编写一个简易的文件下载器利用Python3来实现TCP协议,和UDP类似.UDP应用于及时通信,而TCP协议用来传送文件.命令等操作,因为这些数据不允许丢失,否则会造 ...
Extjs 基础篇—— Function基础
这里主要是JS的基础知识,也是深入理解Ext的基础. 1.参数可变长,注意跟Java还是有一点区别的. 例: view source print? 1.function getUser(name,ag ...

使用ExtJs实现文件下载

使用ExtJs实现文件下载相关推荐

最新文章

热门文章