我正在使用UpdatePanel在较长的过程中阻止UI，我的问题是当我放置一个简单的按钮时它可以工作，但是当按钮在弹出窗口中时它不起作用（只是卡住，直到该过程完成而没有阻止用户界面）。
起作用的代码：
<asp:UpdatePanel runat="server" ID="updatePanel">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="lb_start" />
</Triggers>
<ContentTemplate>
<asp:UpdateProgress runat="server" ID="upprogress" AssociatedUpdatePanelID="updatePanel" DisplayAfter="0">
<ProgressTemplate>
<div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
<asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/images/iguloader-yashar.gif" AlternateText="Loading ..." ToolTip="Loading ..." Style="padding: 10px; position: fixed; top: 45%; left: 50%;" />
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:LinkButton runat="server" ID="lb_start" class="btn btn-success" OnClick="lb_start_Click"><i class="fa fa-start"></i> Start</asp:LinkButton>
</ContentTemplate>
</asp:UpdatePanel>
服务器端：
protected void lb_start_Click(object sender, EventArgs e)
{
//long process
}
不起作用的代码（使用colorbox.js）：
<asp:UpdatePanel runat="server" ID="updatePanel">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="lb_start" />
</Triggers>
<ContentTemplate>
<asp:UpdateProgress runat="server" ID="upprogress" AssociatedUpdatePanelID="updatePanel" DisplayAfter="0">
<ProgressTemplate>
<div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
<asp:Image ID="imgUpdateProgress" runat="server" ImageUrl="~/images/iguloader-yashar.gif" AlternateText="Loading ..." ToolTip="Loading ..." Style="padding: 10px; position: fixed; top: 45%; left: 50%;" />
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<a runat="server" id="a_start" class="inline" href="#startModal" title="Start scan"><span class="btn btn-success"><i class="fa fa-play"></i></span></a>
</ContentTemplate>
</asp:UpdatePanel>
<div id="startModal" style="padding:10px; background:#fff;">
<h2>Start Scan</h2>
Click ok to continue:
<asp:LinkButton runat="server" ID="lb_start" class="btn btn-success" OnClick="lb_start_Click"><i class="fa fa-start"></i> Start</asp:LinkButton>
</div>
试着玩一点，有什么想法吗？
您可以使用称为blockui的jQuery插件（足够有趣）完成此任务。
这里的链接显示了一个示例：https : //gist.github.com/whoshotjr/3010693
只需包括可从http://malsup.com/jquery/block/获得的jquery.blockui.js
然后在您的项目中包含以下代码：
<script type="text/javascript">
Page = Sys.WebForms.PageRequestManager.getInstance();
Page.add_beginRequest(OnBeginRequest);
Page.add_endRequest(endRequest);
function OnBeginRequest(sender, args) {
$.blockUI();
}
function endRequest(sender, args) {
$.unblockUI();
}
</script>
由于您正在运行客户端，因此在执行Web请求时几乎总是必须使用Javascript来阻止UI。我在MVC中使用了与此类似的设置，但最终都相同。希望这可以帮助！
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句