`
nddjava
  • 浏览: 110459 次
  • 性别: 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.1 问题背景 在开发Web应用时,我们经常...通过以上分析,我们可以有效地解决模态窗口中无法弹出下载框以及意外弹出新页面的问题。

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

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

    jquery 模态窗口

    **jQuery 模态窗口** 在Web开发中,模态窗口是一种常见的交互元素,它能够以弹出窗口的形式显示内容,而不会让用户离开当前页面。jQuery,一个广泛使用的JavaScript库,提供了方便的方式来创建和操作模态窗口。这个...

    bootstrap 4模态窗口增强插件

    Bootstrap 4模态窗口增强插件,如"simple-bs-dialog.js",是为了解决开发者在使用Bootstrap原生模态对话框时可能遇到的局限性而设计的。Bootstrap的模态对话框是一种常见且强大的用户界面元素,允许在不离开当前页面...

    Silverlight开源控件--可用于MDI开发的模态非模态两用窗体.

    本开源小控件是专门为Silverlight的MDI应用开发而设计的,它解决了在Silverlight环境中创建和管理多个交互式子窗口的挑战。控件提供了模态和非模态两种窗体类型,模态窗体在显示时会阻止用户与应用程序其他部分的...

    angularJS 模态窗口$modal的使用实例

    resolve: { // 在打开模态窗口前需要解决的数据或函数 message: function() { return '这是模态窗口的内容'; } } }); ``` 在这里,`templateUrl`属性指向了模态窗口的HTML模板文件(例如myModalContent.html)...

    iziModal-时尚炫酷的jQuery模态窗口插件

    iziModal是一款专为jQuery设计的模态窗口插件,它以时尚、炫酷的界面设计和丰富的功能特性,为开发者提供了高效便捷的方式来创建模态对话框。iziModal不仅能满足基本的模态窗口需求,还具备高级特性,如iframe集成、...

    Bootstrap4 多步骤向导模态窗口插件

    总结来说,Bootstrap4的多步骤向导模态窗口插件"MultiStep"结合了Bootstrap的易用性和jQuery的强大功能,为创建交互式、分步骤的用户流程提供了一种高效解决方案。在实际应用中,通过合理配置和定制,可以提升用户的...

    layer.js下载 layer.css下载

    layer.js 和 layer.css 是一套广泛应用于前端开发中的弹层插件,尤其在网页提示、对话框、模态窗口等方面表现出强大的功能和灵活性。这两个文件是构建高效用户界面的重要组件,为开发者提供了便捷的方式来创建各种...

    jQuery弹出层窗口插件popupWindow.js

    总的来说,popupWindow.js通过结合jQuery的强大功能和精心设计的接口,为开发者提供了一个易用且功能全面的弹出层窗口解决方案。它不仅减少了开发时间,也提高了应用的用户体验,是Web开发中的一个实用工具。

    VS2019中没有CFormView的解决办法.docx

    //IDD_DISPLAYVIEW 模态窗口的 ID #ifdef _DEBUG virtual void AssertValid() const; virtual void Dump(CDumpContext& dc) const; #endif protected: virtual void DoDataExchange(CDataExchange* pDX); ...

    BOP-现代响应式纯js模态对话框插件.zip

    总的来说,BOP模态对话框插件凭借其响应式布局、多种风格选择和强大的API,为网页开发者提供了一种高效、灵活的解决方案,以提升网站的交互性和用户体验。通过深入理解和熟练运用BOP,开发者能够创建出更加引人入胜...

    前端项目-jqModal.zip

    对于需要快速实现模态窗口功能的项目,它是理想的解决方案。通过深入理解和熟练运用jqModal,开发者可以高效地创建出符合用户体验的前端界面。 在"jqModal-master"这个压缩包中,包含了jqModal的源代码、示例和文档...

    afxwin.h、afx.h等mfc头文件

    4. **CDialog**:表示模态和非模态对话框的类,是创建用户交互界面的重要组成部分。 5. **CButton**、**CEdit**、**CListBox**、**CToolBar** 等:这些是控件类,分别对应Windows API中的按钮、编辑框、列表框、工具...

    MFC程序调用Qt界面

    - 首先需要下载Qt的解决方案库,该库包含了将Qt与MFC集成所需的源代码和示例。可以通过官方提供的Git仓库下载: ```bash git clone ...

    ansys 文件资料

    以下将详细介绍 ANSYS 12 的安装步骤,并针对许可证问题提供解决方案。 首先,安装前的准备工作至关重要。确保下载的安装文件是完整且无误的,通常是 ISO 格式的镜像文件。解压缩 ISO 文件至一个英文命名的文件夹,...

    前端项目-popper.js.zip

    这个库由Federico Zivolo创建,其目标是提供一个灵活且高性能的解决方案,使得开发者可以轻松地在网页上实现各种动态定位效果。 Popper.js的核心功能在于计算和更新弹出元素的位置,使其始终与触发元素保持特定的...

    alert.js弹出层插件下载.zip

    "alert.js"是一个专为网页设计的弹出层插件,它为开发者提供了便捷的方式来创建和管理各种类型的弹出窗口,如提示、警告、确认对话框以及自定义模态窗口。这个插件以其高效、轻量级和高度可定制性受到了广泛欢迎。 ...

    easyui demo .zip

    3. **对话框和窗口**:用于弹出信息、确认操作或提供更复杂的内容展示,如模态对话框、无模态窗口等。 4. **菜单和导航**:包括顶部导航条、侧边栏、面包屑导航等,帮助用户在网站或应用中导航。 5. **布局组件**...

    jBox弹窗提示框插件下载.zip

    今天我们要讨论的是一款名为jBox的弹窗提示框插件,它能帮助开发者轻松实现tooltips提示框、模态窗口以及图片画廊等多种功能。 jBox插件的全名是“jBox - The Versatile jQuery Plugin for Modal Windows, Tooltips...

Global site tag (gtag.js) - Google Analytics