• 使用ExtJs实现文件下载


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

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

     //下面代码是在创建一个表单以及添加相应的一些属性 var downForm = document.createElement('form'); //创建一个form表单  downForm .id = 'downForm';   //该表单的id为downForm downForm .name = 'downForm'; //该表单的name属性为downForm downForm .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 ); }
    复制代码
  • 相关阅读:
    video 安卓ios系统 浏览器 全屏播放以及自动播放的问题
    echarts 雷达图的个性化设置
    AtCoder Grand Contest 015 题解
    AtCoder Grand Contest 014 题解
    bzoj 3242: [Noi2013]快餐店
    bzoj 2794: Cloakroom dp
    bzoj 4261: 建设游乐场 费用流
    uoj problem 31 猪猪侠再战括号序列
    APIO2017 游记
    CTSC2017 游记
  • 原文地址:https://www.cnblogs.com/yezuhui/p/6836530.html
Copyright © 2020-2023  润新知