带有UpdatePanel的ASP.NET启动模式-可能的解决方案

ASP.NET Bootstrap Modal with UpdatePanel - possible solution?

本文关键字：模式 解决方案 启动 UpdatePanel ASP NET 带有      更新时间：2023-09-26

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

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

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

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

有人认为这是可能的吗？我对javascript和客户端编程的了解还不够，不知道如何做这样的事情。我的意思是，如果你知道我的意思的话，即使说"我知道的还不够"，听起来我知道的也比我多。

所以我想我应该发布这个（可能很傻）想法，看看是否有人能想出一个方法来实现它。

谢谢！

附言：就我正在开发的应用程序而言，我使用UpdatePanel的唯一原因是，当服务器响应时间过长时，我可以弹出"请等待"消息。如果有人能给我介绍一个ASP.NET Web Forms解决方案，它可以在没有UpdatePanel的情况下完成我需要的任务，我很乐意看到它。请记住，在javascript方面我是多么愚蠢。：）

您可以在更新面板中使用Bootstrap模式对话框，因为我在最近的一个项目中有一个用户。请在页面的标题中包含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>
相关文章：