2013-06-29 18 views
13

Hallo ich arbeite in Bootstrap modal in meiner asp.net Seite, Modal funktioniert gut, aber der Button btnSaveImage innerhalb modalen Fußzeile ist nicht auslösen Click Event, ich habe auch eine Masterpage und der Formular-Tag ist drin, hier ist mein CodeASP.NET Button innerhalb bootstrap modal nicht auslösen click event

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

Gibt es ein Pflichtfeld Validator auf Ihrer Seite schließen? – jomsk1e

+0

nein Ich habe keinen Validator verwendet – skhurams

+0

eine andere Frage: Befindet sich Ihr Modal innerhalb des Formulars? – jomsk1e

Antwort

27

Sie verwenden versuchen, den ASP-Knopf wie in Ihrem Beispiel

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

nur den UseSubmitBehavior = "false" wie gesagt skhurams und es mit dem Daten-dismiss kombinieren = "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> 

dies die modal und löst die Postbacks

+0

Es ist Arbeit .thanks viel. –

+0

In meinem Fall, wenn ich UseSubmitBehavior = "false" data-follow = "modal" hinzufüge, dann wird die Validierungsanforderung nicht ausgelöst und der modale Pop wird geschlossen. @bjvilory – zahed

Verwandte Themen