web-dev-qa-db-fra.com

Bouton ASP.NET dans le modal bootstrap ne déclenchant pas l'événement click

Salut, je travaille dans bootstrap modal dans mon site asp.net, modal fonctionne bien, mais le bouton btnSaveImage dans le pied de page modal ne déclenche pas de clic, j'ai aussi une page maître et la balise de formulaire est ici, voici mon 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>
c#asp.nettwitter-bootstrapmodal-dialogbuttonclick
13
skhurams

Vous pouvez utiliser le bouton ASP comme dans votre exemple

<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>

essayez juste le UseSubmitBehavior = "false" comme indiquéskhuramset combinez-le avec le data-rejet = "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>

cela fermera le modal et déclenchera la publication

30
bjvilory

J'aimerais ajouter un autre point ici. J'ai rencontré ce problème car mes derniers dialogues modaux rendus ont été placés en dehors de la balise WebForms <form> et que l'utilisation de UseSumbitBehavior="false" n'a pas résolu mon problème. Déplacer les divs de dialogue modal à l'intérieur du formulaire a résolu le problème.

$("div.modalForm").appendTo($("form:first"));
0
Fahad