代码之家  ›  专栏  ›  技术社区  ›  Glinkot

“请稍候”屏幕位于C ASP.NET中的页面之间。最佳实践?

  •  3
  • Glinkot  · 技术社区  · 14 年前

    我有一个带有一些imagebutton的gridview,每个imagebutton都会启动该项的报告页面。报告需要10-15秒才能运行,因此我希望弹出“生成报告,请稍候”类型的内容。我可以想出一些办法,但我希望那些比我更有经验的人的意见。我正在考虑的选择是:

    a)将My ImageButton链接到一个中间页面,该页面显示“请稍候”,然后从该页面将其引用到报告页面。看起来有点笨重 b)使用jquery或类似工具进行调查。我有Telerik控件,它们有一些东西,但不清楚是否有合适的。 c)定义某种带有“请稍候”警告的c s s层,并使其作为按钮onclick事件的一部分可见 d)查看jquery或类似的

    有什么想法吗?

    谢谢!

    3 回复  |  直到 9 年前
        1
  •  4
  •   Ben Osborne    9 年前

    我使用透明的div,它非常酷和简单。试试看。

     <div id="ModalPopup" style="visibility: hidden;">
      <div style="position: fixed; width: 100%; height: 100%; z-index: 10002; background-color: Gray;
        filter: alpha(opacity=70); opacity: 0.7;">
        &nbsp;
      </div>
      <table style="position: fixed; width: 100%; height: 100%; z-index: 10003;">
        <tr>
          <td align="center" valign="middle">
            <div style="color: Black; font-weight: bolder; background-color: White; padding: 15px;
              width: 200px;">
              <asp:Image ID="Image3" runat="server" ImageUrl="~/Images/progress.gif" />
              Procesando....
            </div>
          </td>
        </tr>
      </table>
      </div>
    

    要显示div,请使用以下javascript:

    document.getElementByID('modalPopup').style.visibility='可见';

        2
  •  1
  •   The Little One    14 年前

    我以前也遇到过同样的问题,但是我发现ajax服务器控件updateprogress非常有用。这里有一个链接 UpdateProgress 控制。

        3
  •  0
  •   AceMark    14 年前

    你可以有一个 <iframe> 在这一页上 style 设置为 display:none . 按钮(用于执行操作)将执行一个javascript函数,该函数将设置 <iFrAME> display:block 点击。