2013-06-29 6 views
13

Ciao sto lavorando nel modal bootstrap nel mio sito asp.net, il modale funziona bene ma il pulsante btnSaveImage nel footer modale non sta facendo scattare l'evento click, ho anche una masterpage e tag form è in esso, qui è il mio codicepulsante ASP.NET all'interno del bootstrap modale che non attiva l'evento click

<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

C'è un validatore campo obbligatorio nella tua pagina? – jomsk1e

+0

no non ho usato nessun validatore – skhurams

+0

un'altra domanda: la tua modale è all'interno del modulo? – jomsk1e

risposta

27

è possibile utilizzare il pulsante ASP come nel tuo esempio

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

prova il canale UseSubmitBehavior = "false" come detto skhurams e combinarlo con la tecnica d'dismiss = "modale"

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

Questo chiude la modale e innescare il postback

+0

È lavoro. Grazie mille. –

+0

Nel mio caso, se aggiungo UseSubmitBehavior = "false" data-dismiss = "modal", allora la convalida non viene attivata e il pop modale sta per essere chiuso. @bjvilory – zahed

Problemi correlati