Javascript 带有UpdatePanel的ASP.NET引导模式-可能的解决方案?
我不是专家,如果我错了,请纠正我。我认为在ASP.NET中使用UpdatePanel时,Twitter引导模式对话框不起作用。至少,我从来没有能够得到一个简单的确认引导模式对话框来使用,我读过很多帖子说这是不可能的 假设以上是正确的,如果不是,我想知道答案 我想知道是否有办法通过某种方式禁用UpdatePanel(而不是禁用控件)来解决这个问题,只要停止UpdatePanel像UpdatePanel一样工作就行了。它的工作原理如下: 用户单击UpdatePanel中的一个按钮,该按钮调用一些客户端javascript,禁用UpdatePanel,然后弹出模式对话框。当用户在模式对话框中单击“OK”时,客户端javascript会重新启用UpdatePanel,然后调用服务器 有人认为这是可能的吗?我对javascript和客户端编程知之甚少,不知道如何做这样的事情。我的意思是,即使说“我知道的还不够”,听起来好像我知道的比我知道的多,如果你知道我的意思的话 所以我想我应该发布这个(可能是愚蠢的)想法,看看是否有人能想出一个办法让它发挥作用 谢谢Javascript 带有UpdatePanel的ASP.NET引导模式-可能的解决方案?,javascript,asp.net,twitter-bootstrap,Javascript,Asp.net,Twitter Bootstrap,我不是专家,如果我错了,请纠正我。我认为在ASP.NET中使用UpdatePanel时,Twitter引导模式对话框不起作用。至少,我从来没有能够得到一个简单的确认引导模式对话框来使用,我读过很多帖子说这是不可能的 假设以上是正确的,如果不是,我想知道答案 我想知道是否有办法通过某种方式禁用UpdatePanel(而不是禁用控件)来解决这个问题,只要停止UpdatePanel像UpdatePanel一样工作就行了。它的工作原理如下: 用户单击UpdatePanel中的一个按钮,该按钮调用一些客户
PS:对于我正在使用的应用程序,我使用UpdatePanel的唯一原因是,当服务器响应时间过长时,我可以弹出一条“请稍候”消息。如果有人能告诉我一个ASP.NET Web表单解决方案,它可以在没有UpdatePanel的情况下完成我需要的工作,我很乐意看到它。请记住,当涉及javascript时,我是多么愚蠢。:) 您可以在更新面板中使用引导模式对话框,因为我最近的一个项目中有一个用户。请包括在页面的标题引导的样式和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>
×
联系人搜索
名字
姓
电子邮件
电话
搜寻
接近
//这是如何调用模态对话框的
如果您发布您尝试过的代码或遇到的错误的具体示例,则此网站的效果最佳。你能发布你已经尝试过的东西吗?你试过用Bootstrap实现modals吗?好吧,该死!我应该早点问这个。谢谢它做了一些调整,但根据你发布的内容,我让它工作了。很好的例子,它工作了。只有必要的。。。。