带有 UpdatePanel 的 ASP.NET 引导模式 - 可能的解决方案？

Question

我不是专家，如果我错了，请纠正我。我不相信 Twitter Bootstrap Modal 对话框在 ASP.NET 中与 UpdatePanel 一起使用时会起作用。至少，我从来没有得到一个简单的确认 Bootstrap 模态对话框来使用它，而且我读过很多帖子说这是不可能的。

假设以上是正确的，如果不是，我很想知道答案...

我想知道是否有办法通过以某种方式禁用 UpdatePanel（而不是禁用控件）来解决此问题 - 只是阻止 UpdatePanel 像 UpdatePanel 一样工作。它会像这样工作：

用户单击 UpdatePanel 中的一个按钮，该按钮调用一些禁用 UpdatePanel 的客户端 javascript，然后弹出模式对话框。当用户在模态对话框中单击“确定”时，客户端 javascript 会重新启用 UpdatePanel，然后调用服务器。

有人认为这是可能的吗？我对 javascript 和客户端编程知之甚少，无法知道如何做这样的事情。我的意思是，即使是说“我知道的还不够多”，如果你明白我的意思的话，听起来我比我知道的更多。

所以我想我会发布这个（可能是愚蠢的）想法，看看是否有人能想出一种方法来让它发挥作用。

谢谢！

PS：对于我正在开发的应用程序，我使用 UpdatePanel 的唯一原因是，当服务器响应时间过长时，我可以弹出“请稍候”消息。如果有人可以向我指出一个 ASP.NET Web 窗体解决方案，它可以在没有 UpdatePanel 的情况下完成我需要的工作，我很乐意看到它。请记住，当谈到 javascript 时，我是多么愚蠢。 :)

Answer 1

您可以在更新面板中使用引导模式对话框，因为我最近的一个项目中有用户。请在页眉包含bootstrap的样式和css文件。

<link href="assets/css/bootstrap.css" rel="stylesheet">
<script src="assets/js/bootstrap-transition.js" type="text/javascript"></script>
<script src="assets/js/bootstrap-modal.js" type="text/javascript"></script>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <div id="dvSearch" class="modal hide fade" tabindex="-1"
            role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×</button>
                <h3 id="H3">
                    Contact Search <span id="HeadNextaction"></span>
                </h3>
            </div>
            <div>
                <div class="row-fluid">
                    <div class="span3">
                        First Name
                    </div>
                    <div class="span8">
                        <input type="text" autocomplete="off" runat="server" id="txtsearchfirstname" placeholder="Start typing.."
                            class="typeahead" />
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span3">
                        Last Name
                    </div>
                    <div class="span8">
                        <input type="text"  runat="server" id="txtsearchlastname" placeholder="Start typing.."
                            class="typeahead" />
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span3">
                        Email
                    </div>
                    <div class="span3">
                        <input type="text" runat="server" id="txtsearchemail" placeholder="Start typing.."
                            class="typeahead" />
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span3">
                        Phone
                    </div>
                    <div class="span3">
                        <input type="text"  runat="server" id="txtsearchphone" placeholder="Start typing.."
                            class="typeahead" />
                    </div>
                </div>
            </div>
            <div>
            </div>
            <div class="modal-footer">
                <asp:HiddenField ID="hditemselected" runat="server" />
                <asp:Button ID="btnSearchSubmit" OnClientClick="..some client side javascript" OnClick="...server call"
                    class="btn" runat="server" Text="Submit" />
                    Search</a>
                <button class="btn" data-dismiss="modal" aria-hidden="true">
                    Close</button>
            </div>
        </div>
//This is how you will call your modal dialog
 <img alt="search" src="images/search.png" data-toggle="modal" data-target="#dvSearch"/>
</ContentTemplate>
</asp:UpdatePanel>