검도 UI 격자 키보드 탐색

Question

다른 사람이 채울 때 필드를 설정할 수있는 편집 가능한 탐색 가능한 검도 격자를 만들고 싶습니다. 내 문제는 행을 그런 일을하도록 선택해야하지만, 표준 키보드 탐색은 화살표 키를 사용하여 선택된 필드가 아닌 선택된 필드를 이동시키는 것입니다. 또한, 나는 그럴지도 모르는 뭔가를 찾았지만, 그것에 균열이없는 것 같습니다. 여기 링크입니다 : http://www.kendoui.com/forums/kendo-ui-complete-for-asp-net-mvc/grid/grid-keyboard-navigation-code-sample.aspx

그래서 기본적으로,이 화살표 키로 탐색하거나 새로운 행을 생성하거나 삭제 옵션을 선택하면 셀에 포커스 선택한 행을 결합, 함수의 일종이 필요합니다. 누군가가 나를 도울 수 있다면, 나는 매우 감사 할 것입니다. 당신이 (초점을 맞추고 확인하지 않고)의 선택에 의한 행을 이동하려면 :

Answer 1

당신이 초기화에 navigatable 옵션으로이 기능을 사용하도록 설정해야합니다 검도 UI 그리드에

$("#grid").kendoGrid({ 
    ... 
    selectable: "row", 
    navigatable: true, 
    ... 
}); 

을 (http://demos.telerik.com/kendo-ui/grid/keyboard-navigation)를 키보드 탐색을 사용하려면, 수동 keydown 이벤트를 처리해야합니다. 이 이벤트에서 집중된 셀을 찾고이 셀의 행을 선택할 수 있습니다.

var data = $("#grid").data('kendoGrid'); 
var arrows = [38, 40]; 
data.table.on("keydown", function (e) { 
    if (arrows.indexOf(e.keyCode) >= 0) { 
     setTimeout(function() { 
      data.select($("#grid_active_cell").closest("tr")); 
     },1); 
    } 
}