2013-05-03 3 views
0

Я разрабатываю приложение MVC. Я использую bootstrp для CSS.Как читать ответ при нажатии на кнопку всплывающего окна загрузки?

Я хочу использовать оповещение/диалог для подтверждения удаления записи. Он должен запросить OK/Отменить и в соответствии с кнопкой нажать следующий процесс будет выполнен ...

Я получил приведенную ниже форму кода на каком-то форуме, он отлично работает, но не получил никакого события, если я нажал на OK или кнопку отмены

Как читать эти события щелчка из-под кода?

$('#Deactivate').click(function() { 


    var href = $(this).attr('href'); 
    if (!$('#dataConfirmModal').length) { 
     $('body').append('<div id="dataConfirmModal" class="modal" role="dialog" aria-labelledby="dataConfirmLabel" aria-hidden="true"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h6 id="dataConfirmLabel">Deactivation Confirmation</h6></div><div class="modal-body"><h3>Are you sure to deactive @Model.Name ?</h3> </div><div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button><a class="btn btn-primary" id="dataConfirmOK">OK</a></div></div>'); 
    } 
    $('#dataConfirmModal').find('.modal-body').text($(this).attr('data-confirm')); 
    $('#dataConfirmOK').attr('href', href); 
    $('#dataConfirmModal').modal({show:true}); 


    $('#dataConfirmOK').on('click', function(e) 
    { 
     alert('@Model.Id'); 

     var url2 = "@Html.Raw(Url.Action("DeactivateParty", "Party", new { @id = "PoNo"}))"; 
     alert(url2); 
     url2 = url2.replace("PoNo", '@Model.Id'); 

     $.post(url2, function (data) { 
      if(data == true) 
      { 
       var url = $("#RedirectTo").val(); 
       location.href = url ; 

      } 
    }); 

    return false; 




}); 

ответ

0

Вы должны указать обработчик события для Ok кнопки:

$('#dataConfirmOK').on('click', function(e) { 
    // Call your delete action here 
}); 
+0

Спасибо, Ян, я обновил свой вопрос. Он отлично работает, когда я не помещаю код внутри ** dataConfirmOK **, но я помещаю код на кнопку ОК, тогда он не работает ... Пожалуйста, проверьте мой обновленный вопрос ... – bnil

+0

@ user1650894: Что вы имеете в виду с * он не работает * – Jan

+0

Код внутри события кнопки не работает ... Я поставил 'alert ('@ Model.Id');' чтобы проверить, входит ли курсор в этот funtion или нет, но он не придет ... ли я написали какой-то неправильный код? – bnil

0

Похоже, у вас есть закрытие ошибка синтаксиса от метода пост:

$.post(url2, function (data) { 
    if(data == true) 
    { 
     var url = $("#RedirectTo").val(); 
     location.href = url; 
    } 

Должно быть. ..

$.post(url2, function (data) { 
    if(data == true) 
    { 
     var url = $("#RedirectTo").val(); 
     location.href = url ; 
    } 
}) 

nb Если вы выгрузите свой опубликованный код в окно консоли вашего любимого браузера, вы увидите ошибку.

+0

большое спасибо ... Это работает ... Синтаксическая ошибка была там ... – bnil

+0

@ user1650894 Возможно, стоит отметить ответ в случае, если люди попытаются предоставить больше , –

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