剣道：データグリッドですべての行を選択するローディングスピナーgifを表示する方法

Question

Kendo Gridのすべてのチェックボックスを選択すると、progress/spinnerを表示しようとしています。kendo.ui.progress($("#grid"), true)

select All/ deselect All check boxをクリックするとスピナー/プログレスが表示されません。カーソルが待ち状態に変わらない。以下は

私のコードです：

$(document).ready(function() { 
     $("#grid").on("click", ".row-checkbox", selectRow); 
     $('#checkAllBoxes').change(function (ev) { 
      kendo.ui.progress($("#grid"), true); 
      $('html').css("cursor", "wait"); 
      var checked = ev.target.checked; 
      $('.row-checkbox').each(function (idx, item) { 
       if (checked) { 
        if (!($(item).closest('tr').is('.k-state-selected'))) { 
         $(item).click(); 
        } 
       } else { 
        if ($(item).closest('tr').is('.k-state-selected')) { 
         $(item).click(); 
        } 
       } 
      }); 
      $('html').css("cursor", "default"); 
      kendo.ui.progress($("#grid"), false); 
     }); 
    }); 

あなたは私が間違っているのかを把握するために私を助けてもらえます。

Answer 1

dojoコードからJS Fiddleを作成しました。

ここに私が変更したコードのセクションがあります。

....... 
.......... 
$('#header-chb').change(function(ev) { 
      var checked = ev.target.checked; 

      /** Added this block of code **/ 
      kendo.ui.progress($("#grid"), true); 
      setTimeout(function(){ 
       kendo.ui.progress($("#grid"), false); 
      }, 1500); 
      /*******************************************/ 

      $('.row-checkbox').each(function (idx, item) { 
       setTimeout(function() { 

        if (checked) { 
         if (!($(item).closest('tr').is('.k-state-selected'))) { 
          $(item).click(); 
         } 
        } else { 
         if ($(item).closest('tr').is('.k-state-selected')) { 
          $(item).click(); 
         } 
        } 
       }, 500); 
      }); 
      //I commented out the below line 
      //kendo.ui.progress($("#grid"), false); 
     }); 
     }); 

     var checkedIds = {}; 
........... 
.......