剣道のUIで確認のポップアップを作成するには？

Question

確認用ポップアップのjquery UIコードがあります。

if (confirm('Are you sure you want to delete the batchjob:' + 
dataItem["Name"])) { 
      $.get("@Url.Content("~/BatchJob/DeleteBatchJob")", { batchJobDetailId: parseInt(dataItem["BatchJobDetailId"]) }, function (data) { 
       if (data) { 
        debugger 
        var batchJobValidateWnd = $("#ValidateBatchJobStatus").data("kendoWindow"); 
        batchJobValidateWnd.content("BatchJob deleted successfully."); 
        batchJobValidateWnd.center().open(); 
        $.post("@Url.Content("~/BatchJob/SearchBatchJobDetailByParams")", { jobName: $("#Name").val(), startDate: $("#ScheduleStartDate").val() }, function (data) { 

        }); 
       } 
       else { 
        debugger 
        window.location = '@Url.Content("~/BatchJob/Create")/' + parseInt(dataItem["BatchJobDetailId"]); 
       } 
      }); 
     } 

と私はあなたが約束を経由して剣道の確認ダイアログを作成し、確認された場合は、あなたと同じように同じように実行できることを確認のポップアップ

Answer 1

を剣道するためにjqueryの確認ポップアップを変更する方法は？剣道の確認ポップアップを必要としますjQueryダイアログ。

External Templateは、buttonDisplayDialogclickというイベントでレンダリングされ、応答を待ってから続行します。ユーザーがクリックし、「はい」または「いいえ」あなたのコードの残りの部分を置くべき場所であるtrueまたはfalse値としてresultを返すかどうかに基づいて

<script id="confirmationTemplate" type="text/x-kendo-template"> 

<div class="popupMessage"></div> 
    </br> 
<hr/> 
<div class="dialog_buttons"> 
    <input type="button" class="confirm_yes k-button" value="Yes" style="width: 70px" /> 
    &nbsp; 
    <input type="button" class="confirm_no k-button" value="No" style="width: 70px" /> 
    </div> 

</script> 

：

$("#buttonDisplayDialog").kendoButton({ 
     click: function(e) { 
     $.when(showConfirmationWindow('Are you sure you want to delete the batchjob:')).then(function(confirmed){ 

      if(confirmed){ 
      alert('This is where you will put confirmation code'); 
      } 
      else{ 
      alert('User clicked no'); 
      } 
     }); 
     }  
    }); 
    }); 

function showConfirmationWindow(message) { 
    return showWindow('#confirmationTemplate', message) 
    }; 

    function showWindow(template, message) { 

    var dfd = new jQuery.Deferred(); 
    var result = false; 

    $("<div id='popupWindow'></div>") 
    .appendTo("body") 
    .kendoWindow({ 
     width: "200px", 
     modal: true, 
     title: "", 
     modal: true, 
     visible: false, 
     close: function (e) { 
     this.destroy(); 
     dfd.resolve(result); 
     } 
    }).data('kendoWindow').content($(template).html()).center().open(); 

    $('.popupMessage').html(message); 

    $('#popupWindow .confirm_yes').val('OK'); 
    $('#popupWindow .confirm_no').val('Cancel'); 

    $('#popupWindow .confirm_no').click(function() { 
     $('#popupWindow').data('kendoWindow').close(); 
    }); 

    $('#popupWindow .confirm_yes').click(function() { 
     result = true; 
     $('#popupWindow').data('kendoWindow').close(); 
    }); 

    return dfd.promise(); 
    }; 

ここにあります上記のコードが実際に動作していることを示すにはDojo exampleです。