`
nddjava
  • 浏览: 108634 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

模态窗口解决下载问题.

 
阅读更多
模态窗口,解决下载问题
代码如下:
    <base id="goDownload" target="_self" />
    <script type="text/javascript">
        function showMsg()
        {
           var downloadBase=document.getElementById("goDownload");
           var downloadBox=document.getElementById("download");
           download.src=document.URL;
           downloadBase.target="download";
           setTimeout("CancelMsg()",1000);
        }
        function CancelMsg()
        {
           var downloadBase=document.getElementById("goDownload");
           downloadBase.target="_self";
        }
    </script>

    <table width="700px" border="0" cellpadding="0" cellspacing="0" align="center" style=" margin-top:10px;">
        <asp:Repeater ID="RepeaterFileManager" runat="server" OnItemCommand="RepeaterFileManager_OnItemCommand">
            <HeaderTemplate>
                <tr align="center" valign="middle" style="background-color:#A4E3F4;">
                   <td style="width:100px; height:42px;" class="td13">年  级</td>
                   <td style="width:150px; height:42px;" class="td13">班级名称</td>
                   <td style="width:150px; height:42px;" class="td13">课程名称</td>
                   <td style="width:100px; height:42px;" class="td13">上传教师</td>
                   <td style="width:100px; height:42px;" class="td13">文件类型</td>
                   <td style="width:100px; height:42px;" class="td14">下载</td>
                </tr>
            </HeaderTemplate>
            <ItemTemplate>
                <tr align="center" valign="middle" style="background-color:White;">
                   <td style="width:100px; height:32px;" class="td15"><%# Eval("SYear") %>_<%# Eval("STerm") %></td>
                   <td style="width:150px; height:32px;" class="td15">
                      <%# Convert.ToInt32(Eval("FileManagerClassID")) == 1 ? Convert.ToInt32(Eval("ClassID")) == -1 ? Eval("Course.Vocational.VocationalName") : Eval("ClassInfo.ClassName") : "&nbsp;"%>
                   </td>
                   <td style="width:150px; height:32px;" class="td15"><%# Eval("Course.CourseName") %></td>
                   <td style="width:100px; height:32px;" class="td15"><%# Eval("Teacher.TeaName") %></td>
                   <td style="width:100px; height:32px;" class="td15"><%# Eval("FileManager_Class.ClassName")%></td>
                   <td style="width:100px; height:32px;" class="td16">
                     <asp:LinkButton ID="linkBtDownLoad" runat="server" CommandArgument='<%# Eval("Id") %>'
                         CommandName="goDown" OnClientClick="showMsg()">下载</asp:LinkButton>
                   </td>
                </tr>
            </ItemTemplate>
        </asp:Repeater>
    </table>

    <iframe id="download" src="FileManager.aspx" name="download" height="0" width="0"></iframe>

思路:
遇到这个问题的朋友知道:
问题一:<base target="_bank" /> 下载没问题,可是会打开新窗口,用户体验不好
问题二:<base target="_self" /> 下载框,弹不出来
问题三:<base id="goDownload" target="_self" /> <iframe id="download" src="FileManager.aspx" name="download" height="0" width="0"></iframe>
        下载是没问题了,但是下载后分页查询的效果没了、、、
最终解决方案:
如上代码,加上两个方法,设置延迟函数。需要下载的时候,把<base id="goDownload" target="_self" />改动指向iframe(id为download)
这样就可以弹出下载框了,在一秒后又设成_self,这样又回到最初状态,查询也没问题了



另外解决办法:调整IE  浏览器--工具--internet选项--安全-自定义--下载提示--启用
分享到:
评论

相关推荐

    模态窗口下载文件简单完美解决方案

    一般情况下,在模态窗口下,要想实现文件下载,就会打开一个空白页,该解决方案将简单完美地解决此问题。

    模态窗口下载问题

    解决模态窗口下载问题 1、弹不出下载框 2、能下载确弹出新页面

    使用jQuery插件创建常规模态窗口登陆效果

    隐藏模态窗口技术是一种很好的解决方案,用于处理不是特有必要出现在网页上的界面元素。社交网络可以使用模态窗口传达私人讯息以及只针对会员才能看 到的表单。在博客和杂志网站也适用于与主网站分开的作者登陆页面...

    PHP+Ajax弹出窗口主窗口变灰

    有了Ajax技术,就能完全解决这个问题,实现动态数据的处理。  现在拿出来分享,不愿意看文章的,可以直接将代码下载下去自己研究,已经测试,没有任何问题。  提示:index.php,dedeajax2.js,ajax.php这三个文件...

    vxe-tablevue表格解决方案 v2.9.26

    为您提供vxe-tablevue表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、...

    vxe-tablevue表格解决方案 v2.9.18

    为您提供vxe-tablevue表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、...

    vxe-tablevue表格解决方案 v2.9.25

    为您提供vxe-tablevue表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、...

    vxe-tablevue表格解决方案 v2.9.16

    为您提供vxe-tablevue表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、...

    vxe-tablevue 表格解决方案 v2.9.24

    为您提供vxe-tablevue 表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项...

    vxe-tablevue 表格解决方案 v2.9.22

    为您提供vxe-tablevue 表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项...

    浏览器窗口放大缩小后页面内容居中解决方法

    http://blog.csdn.net/qqyangwang/article/details/8513662 文章的源码,欢迎下载。

    vxe-tablevue表格解决方案 v3.0.9

    为您提供vxe-tablevue表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、...

    vxe-tablevue表格解决方案 v2.10.4

    为您提供vxe-tablevue表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、...

    vxe-tablevue表格解决方案 v3.0.21

    为您提供vxe-tablevue表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、...

    vxe-tablevue表格解决方案 v3.0.19

    为您提供vxe-tablevue表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、...

    vxe-tablevue表格解决方案 v2.10.10

    为您提供vxe-tablevue表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、...

    vxe-tablevue表格解决方案 v2.9.27

    为您提供vxe-tablevue表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、...

    vxe-tablevue表格解决方案 v2.10.9

    为您提供vxe-tablevue表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、...

    vxe-tablevue表格解决方案 v2.10.2

    为您提供vxe-tablevue表格解决方案下载,vxe-table是一个基于vue的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、...

    Windows 程序设计(第5版)(上、下册)--详细书签版

    11.2.l 模态对话框与非模态对话框的区别 11.2.2 新的 colors程序 11.2.3 hexcalc:窗口还是对话框? 11.3 通用对话框 11.3.l 增强poppad 11.3.2 unicode 文件 i/o 11.3.3 更改字体 11.3.4 ...

Global site tag (gtag.js) - Google Analytics