2013-06-29 4 views
13

Привет, я работаю в bootstrap modal на моем сайте asp.net, модально работает нормально, но кнопка btnSaveImage внутри модального нижнего колонтитула не запускает событие щелчка, у меня также есть главная страница и форма тега в нем, вот мой кодКнопка ASP.NET внутри загрузочного модала не запускается событие 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

Есть ли обязательное поле валидатор на вашей странице? – jomsk1e

+0

no Я еще не использовал валидатор – skhurams

+0

еще один вопрос: Ваш модальный внутри формы? – jomsk1e

ответ

27

Вы можете использовать кнопку ASP, как в вашем примере

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

просто попробуйте UseSubmitBehavior = «ложь» как сказал skhurams и комбинируют его с данных Отклонить = «модальный»

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

это будет закрыть модальный и вызвать обратную

+0

Это очень много работает. –

+0

В моем случае, если я добавлю UseSubmitBehavior = "false" data-reject = "modal", тогда требуется, чтобы проверка не срабатывала, а модальная поп-функция закрывается. @bjvilory – zahed

 Смежные вопросы

  • Нет связанных вопросов^_^