Kendo Grid：如何在取消當前編輯後將焦點設置回網格單元格

Question

我正在研究如何覆蓋Kendo網格的一些默認鍵盤命令。正如我在example，和我攔截回車鍵，並且希望在下面的代碼塊做向下移動電池..

if (e.keyCode == 13) { // enter 
     var current = grid.current(); 
     var index = current.index(); 
     var next = $(current).closest('tr').next('tr');      

     var td = next.find('td:eq(' + index + ')'); 
     grid.closeCell(); 
     grid.current(td); 
     current = grid.current(); 
     grid.focus(current); 
     //current.focus(); 
     return; 
    } 

這是非常接近的工作。如果我在輸入之前處於導航模式，則全部仍然正常工作。但是，如果我在編輯模式（例如選項卡到一個單元格，然後按回車），它確實下降一個單元格，並回到導航模式，但我似乎沒有正確的重點。左右箭頭鍵不起作用，向上箭頭似乎顯示焦點在頁面上，而不是在網格內。

我嘗試過以各種方式調用焦點，但我無法讓它工作。任何想法我在這裏做錯了嗎？任何幫助將不勝感激！

在此先感謝

Answer 1

您需要將焦點設置在表本身上，因爲網格的keydown事件處理程序綁定到表：

scope.$on("kendoRendered", function (e) { 
    var grid = scope.grid; 
    var elem = $(grid.table); 

    // attach keydown handler to the table 
    var newHandler = function (e) { 
     if (e.keyCode == 13) { // enter 
      var current = grid.current(); 
      var index = current.index(); 
      var next = $(current).closest('tr').next('tr'); 

      grid.closeCell(); 
      var td = next.find('td:eq(' + index + ')'); 

      grid.current(td); 
      $(td).closest("table").focus(); 
     } 
    }; 

    $(elem).on("keydown", newHandler); 
}); 

（demo）