2013-06-29 15 views
13

Hi działa w modcie bootstrap na mojej stronie asp.net, modal działa dobrze, ale przycisk btnSaveImage wewnątrz stopki modalnej nie uruchamia zdarzenia click, mam również masterpage i tag forma jest w nim, tutaj jest mój kodPrzycisk ASP.NET wewnątrz modemu bootstrap nie wyzwala zdarzenia 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

Czy istnieje Walidator wymagane pola na swojej stronie? – jomsk1e

+0

no i have not used any validator – skhurams

+0

inne pytanie: Czy twój modal znajduje się w formularzu? – jomsk1e

Odpowiedz

27

można użyć przycisku ASP jak w przykładzie

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

prostu spróbuj UseSubmitBehavior = "false" jak powiedział skhurams i połączyć je z danych odwołać = „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> 

to zamknie modal i wyzwolić odświeżenie

+0

To jest praca. Dziękuję. –

+0

W moim przypadku, jeśli dodaję UseSubmitBehavior = "false" data-dismiss = "modal", to wymaga to, aby sprawdzanie poprawności nie było uruchamiane i modalne popowanie zostanie zamknięte. @bjvilory – zahed

Powiązane problemy