javascript - 检测 Excel 对话框何时出现并发出 javascript 命令

Question

我有一条“正在加载消息”，它在 asp.net 应用程序中出现并消失。一个新的要求是，当单击链接按钮时，会出现加载消息，然后假设当弹出 Excel 对话框以打开、保存或取消(Excel 文件)时，该消息会消失。

如何检测此对话框？发生回发，我正在使用Response.End，但似乎无法让“与excel对话框交互后加载覆盖层消失。

这是在 ASP.NET 3.5/EXT JS (EXT.NET) 中发生的，但我可以像在这个项目中那样使用 jQuery。我玩过 Fiddler，但对于在 DOM 中引发事件和检测有点生疏。任何帮助表示赞赏。

Answer 1

不久前我可能也遇到过同样的问题。这是堆栈帖子...

Download a file and update panel progress

如果您在此页面后面的代码中执行长时间运行的工作，您的更新面板将按预期运行。事件的生命周期可能会像这样......

1. btnEvent 用于获取/构建 Excel 文件。
2. 在 btn 事件背后的代码中，执行构建/获取 excel 文件并将其存储在缓存中的工作...然后将 iframe 的源设置为提供 excel 下载(从缓存)的页面。更新面板一直显示进度 html。
3. 当 html 刷新时，加载面板将消失，iframe 中应出现下载文件提示。

我无需编写任何 JavaScript 即可使用更新面板完成此操作。

<asp:UpdateProgress ID="progress1" runat="server" AssociatedUpdatePanelID="up">
    <ProgressTemplate>
        <div id="processMessage">
            <table width="100%">
                <tr>
                    <td>
                        Loading...
                    </td>
                    <td>
                        <img alt="Please wait..." src="../Images/spinner.gif" />
                    </td>
                </tr>
            </table>
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>


<asp:UpdatePanel runat="server" ID="up">
    <ContentTemplate>
            <div id="excel" align="right">
                <asp:Button runat="server" ID="btnExcelExport" Text="Export to Excel" OnClick="btnExcelExport_Click" />
            </div>
            <iframe runat="server" id="ifmExcel" width="0" height="0" marginheight="0" marginwidth="0" frameborder="0" />
    </ContentTemplate>
</asp:UpdatePanel>

您绝对可以使用 javascript 和 ajax 调用来完成此操作，使用 beforeSend 和complete 事件在工作完成时显示旋转器，然后在完成时更改 iframe 的 src attr，启动下载。

希望这有帮助。