title: Kendo ui - Need to show a kendo confirmation modal with yes or no button when deleting
body: <ul>
  <li>when you click three dots you will see delete pop-up.</li>
  <li>when you click delete it will it will delete.</li>
  <li>but before it getting deleted I need to show a confirmation modal with yes or no button.</li>
  <li>when I select yes it should delete when I select no it should not delete</li>
  <li>can you tell me how to achieve it?</li>
  <li>providing my code below</li>
  </ul>
  
  <p><a href="https://jsfiddle.net/su301f1u/" rel="nofollow noreferrer">https://jsfiddle.net/su301f1u/</a> </p>
  
  
  
  <pre class="lang-or-tag-here prettyprint-override"><code>var pai_to_delete = null;
  
      $(document).ready(function(){
          $('.pai-del-menu').hide();
          //$('del-menu')
      });
      $(".pai-del-row").click(function(e){
          var pai_x = e.pageX;
          var pai_y = e.pageY;
  
          $('.pai-del-menu').css({left: pai_x, top: pai_y});
  
          $('.pai-del-menu').show();
          $('.pai-del-menu').attr('tabindex',-1).focus();
          pai_to_delete = $(this).parent();
      });
  
      $('.pai-del-menu').blur(function(){
          $(this).hide();
          pai_to_delete = null;
      });
  
      $('.pai-del-menu').click(function(){
          $(this).hide();
          pai_to_delete.remove();
      });
  </code></pre>