时间戳

首页 > 解决方案 > 如何：从控制器返回文件后重置引导按钮状态

javascript - 如何：从控制器返回文件后重置引导按钮状态

问题描述

我有一个按钮，单击该按钮会执行文件的导出，并且在服务器上可能是一个漫长的过程，因此我想将该按钮置于“加载”状态。

但是，由于控制器返回一个文件，因此按钮永远不会“重置”并返回正常状态。我需要某种可以调用重置的javascript事件。

Javascript

 $(".load-spin").on('click', function () {
      var btn = $(this).closest("ul").prev();
      $(btn).button("loading");
 });

HTML

 <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
      Book Actions <span class="caret"></span>
 </button>
 <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
 @if (item.Published)
 {
      <li><a href="@Url.Action("Manage", new { id = item.BookId })">Manage/Edit</a></li>
      <li><a href="javascript:void(0)" onclick="confirmDelete(@item.BookId)">Delete</a></li>
      <li><a class="load-spin" href="@Url.Action("Duplicate", new { id = item.BookId })">Duplicate</a></li>
      <li role="separator" class="divider"></li>
      <li><a class="load-spin" href="@Url.Action("Export", new { id = item.BookId })">Export Configuration</a></li>
      <li><a class="load-spin" href="@Url.Action("Download", new { id = item.BookId })">Download (for offline use)</a></li>
 }
 </ul>

控制器

 public ActionResult Export(int id)
 {
      // omitted for brevity
      return File(fullFileName, "application/zip", fileName);
 }

为了调用 $(btn).button("reset")，我应该监听什么样的事件或动作？

标签： javascript.netmodel-view-controllertwitter-bootstrap-3

解决方案

与其在 url 中添加操作，不如添加一个 onclick 事件，然后使用一个函数处理它，该函数将一个操作发送到具有响应的控制器，您可以在其中读取响应并采取相应的行动。

推荐阅读