引导模式内的 ASP.NET 按钮未触发单击事件 [英] ASP.NET button inside bootstrap modal not triggering click event
本文介绍了引导模式内的 ASP.NET 按钮未触发单击事件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在我的 asp.net 站点中使用 Bootstrap 模态,模态工作正常,但模态页脚内的按钮 btnSaveImage 没有触发点击事件,我也有一个母版页,并且其中包含表单标签.
这是我的代码:
<a href="#dvUpload"数据切换=模态"><asp:Button runat=服务器"ID =lnkUploadPics";CssClass="btn-大型 Greengradiant"宽度=100%"text="上传图片"></asp:Button></a><h3 id=myModalLabel">上传图片</h3></div><div 类=模态体"><div 类=行流体"style="padding-left: 10px;padding-right: 10px;padding-bottom: 20px;"> 解决方案 您可以像在示例中一样使用 ASP 按钮
<div class="modal-footer"><button data-dismiss="modal" class="btn btn-large">关闭</按钮><asp:Button runat="server" ID="btnSaveImage" Text="Save Image" CssClass="Greengradiant btn- large" OnClick="btnSaveImage_Click"/></div>
只需尝试 UseSubmitBehavior="false" 就像所说的 skhurams 并将其与 data-dismiss="modal" 结合使用
<div class="modal-footer"><button data-dismiss="modal" class="btn btn-large">关闭</按钮><asp:Button runat="server" ID="btnSaveImage" Text="Save Image" CssClass="Greengradiant btn- large" OnClick="btnSaveImage_Click" UseSubmitBehavior="false" data-dismiss="modal"/></div>
这将关闭模态并触发回发
I'm working in Bootstrap modal in my asp.net site, modal is working fine but the button btnSaveImage inside modal footer is not firing click event, I also have a masterpage and the form tag is in it.
Here is my code:
<a href="#dvUpload" data-toggle="modal">
<asp:Button runat="server" ID="lnkUploadPics" CssClass=" btn-large Greengradiant"
Width="100%" Text="Upload pictures"></asp:Button>
</a>
<div id="dvUpload" 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="myModalLabel">
Upload Image</h3>
</div>
<div class="modal-body">
<div class="row-fluid" style="padding-left: 10px; padding-right: 10px; padding-bottom: 20px;">
<div id="Upload" class="span6">
<asp:FileUpload ID="fuImage" runat="server" />
<img id="imgUPload" runat="server" src="" />
</div>
</div>
</div>
<div class="modal-footer">
<button data-dismiss="modal" class="btn btn-large"> Close</button>
<asp:Button runat="server" ID="btnSaveImage" Text="Save Image" CssClass="Greengradiant btn-large" OnClick="btnSaveImage_Click" />
</div>
</div>
解决方案 You can use the ASP Button like in your example
<div class="modal-footer">
<button data-dismiss="modal" class="btn btn-large"> Close</button>
<asp:Button runat="server" ID="btnSaveImage" Text="Save Image" CssClass="Greengradiant btn- large" OnClick="btnSaveImage_Click" />
</div>
just try the UseSubmitBehavior="false" like said skhurams and combine it with the data-dismiss="modal"
<div class="modal-footer">
<button data-dismiss="modal" class="btn btn-large"> Close</button>
<asp:Button runat="server" ID="btnSaveImage" Text="Save Image" CssClass="Greengradiant btn- large" OnClick="btnSaveImage_Click" UseSubmitBehavior="false" data-dismiss="modal" />
</div>
this will close the modal and trigger the postback
这篇关于引导模式内的 ASP.NET 按钮未触发单击事件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文
相关文章
- ASP按钮未触发单击事件;
- ASP.Net 按钮单击事件未触发;
- ASP.NET按钮未触发事件;
- 应用引导程序验证时,按钮单击事件未触发(ASP.NET C#);
- 按钮单击事件不触发asp.net;
- 单击事件未在引导单选按钮组内触发;
- ASP.NET 动态命令按钮事件未触发;
- 单击标签不会触发单击事件;
- Twitter引导模式事件未触发;
- Asp.Net按钮单击事件;
- 按钮单击事件未触发;
- 按钮单击事件未触发;
- 在asp.net中单击事件链接按钮不触发;
- ASP.NET 按钮不会在单击事件时触发;
- ASP.NET按钮内custombox模态不会触发click事件;
- 在 asp.net 中,未触发更新面板内的按钮;
- ASP.net页:事件未触发;
- 如何从asp.net中的javascript触发按钮单击事件;
- asp.net按钮事件没有触发;
- 未触发的ASP.Net链接按钮;
- 从angularjs指令触发单击事件;
- CreateDialogIndirect()触发单选按钮单击功能.....;
- asp.net中的按钮单击事件;
- 按钮元素在单击按钮文本并释放它时(但仍在按钮内)时不触发单击事件?;
- 在ASP.NET Web表单中触发单击事件和读取外部URL的IFrame源;
C#/.NET最新文章
- smtp.live.com - 邮箱不可用。服务器响应为:5.7.3请求的操作中止;用户未通过身份验证;
- C#WinForms应用程序失败在发送电子邮件:远程名称无法解析:'smtp.gmail.com;操作超时;
- Windows应用程序已停止工作::事件名称CLR20r3;
- 如何设置的WebAPI控制器的multipart / form-data的;
- 无法反序列化当前的JSON数组(例如[1,2,3]);
- 如何设置一个HttpClient的请求Content-Type头?;
- 为什么发现“没有匹配请求URI的HTTP资源”这里?;
- 如何设置一个重试次数在RabbitMQ的呢?;
- 任务&LT;&GT;不包含'GetAwaiter“的定义;
- 这是不可能连接到redis的服务器(S);以创建断开连接多路复用器;