ASP.NET按钮内部自举模态不会触发click事件 [英] ASP.NET button inside bootstrap modal not triggering click event

问题描述

喜即时通讯在引导模式工作在我的asp.net网站，模态工作正常，但语气里页脚按钮btnSaveImage在不触发单击事件，我也有一个母版和表单标签是吧，这里是我的$ C $ç

 ＆LT; A HREF =＃dvUpload数据切换=模式＆GT;
   ＆LT; ASP：按钮=服务器ID =lnkUploadPics的CssClass =BTN-大Greengradiant
                                    WIDTH =100％文本=上传图片＆GT;＆LT; / ASP：按钮＆GT;
   ＆所述; / A＆GT;
   ＆LT; D​​IV ID =dvUpload级=模式隐藏变脸的tabindex = -  1角色=对话框中的咏叹调-labelledby =myModalLabelARIA隐藏=真＆GT;
     ＆LT; D​​IV CLASS =模头＆GT;
      ＆LT;按钮式=按钮级=关闭数据解雇=莫代尔ARIA隐藏=真＆GT;
         ×＆LT; /按钮＆GT;
        ＆所述; H3编号=myModalLabel＆GT;
             上传图片＆LT; / H3 GT＆;
           ＆LT; / DIV＆GT;
             ＆LT; D​​IV CLASS =模体＆GT;
            ＆LT; D​​IV CLASS =排液的风格=填充左：10px的;填充右：10px的;填充底：20像素;＆GT;
＆LT; D​​IV ID =上传级=span6＆GT;
        ＆LT; ASP：文件上传ID =fuImage=服务器/＆GT;
       ＆LT; IMG ID =imgUPload=服务器SRC =/＆GT;
              ＆LT; / DIV＆GT;
             ＆LT; / DIV＆GT;
            ＆LT; / DIV＆GT;
          ＆LT; D​​IV CLASS =模式躯＆GT;
           ＆LT;按钮数据驳回=模式类=BTN BTN-大的＆GT;关闭＆LT; /按钮＆GT;
           ＆LT; ASP：按钮=服务器ID =btnSaveImage文本=保存图像的CssClass =Greengradiant BTN-大的OnClick =btnSaveImage_Click/＆GT;
            ＆LT; / DIV＆GT;
         ＆LT; / DIV＆GT;
 

解决方案

您可以在您的示例使用ASP按钮像

 ＆LT; D​​IV CLASS =模式躯＆GT;
   ＆LT;按钮数据驳回=模式类=BTN BTN-大的＆GT;关闭＆LT; /按钮＆GT;
   ＆LT; ASP：按钮=服务器ID =btnSaveImage文本=保存图像的CssClass =Greengradiant btn-大的OnClick =btnSaveImage_Click/＆GT;
＆LT; / DIV＆GT;
 

刚刚尝试的 UseSubmitBehavior =false的的像说的的 skhurams 的并用的数据驳回=模式结合起来的

 ＆LT; D​​IV CLASS =模式躯＆GT;
   ＆LT;按钮数据驳回=模式类=BTN BTN-大的＆GT;关闭＆LT; /按钮＆GT;
   ＆LT; ASP：按钮=服务器ID =btnSaveImage文本=保存图像的CssClass =Greengradiant btn-大的OnClick =btnSaveImage_ClickUseSubmitBehavior =false的数据驳回=模式/＆GT;
＆LT; / DIV＆GT;
 

这将关闭模式，并触发回发

Hi im 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按钮内部自举模态不会触发click事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！