MVC アプリケーションを開発しています。CSSにはbootstrpを使用しています。
レコードの削除の確認にアラート/ダイアログを使用したい。OK/Cancelを求められ、ボタンのクリックに応じて次の処理が行われます...
いくつかのフォーラムから以下のコードを取得しました。正常に動作しますが、[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;
});