2014-01-30 3 views
1

저는 KendoUI 도구를 사용하여 UI에 2 열과 3 행의 그리드가 있습니다. 6 개의 셀과이 모든 셀에 입력 유형 text.I가 있습니다. 하나의 셀에서 "탭"키를 사용하여 다른 텍스트 상자로 이동할 때 어떤 이벤트라도 경고 ("나는 셀에 있음")라고 말해야합니다. 내 코드가 다음과 같이 작동하지 않는 경우이 문제를 제안하십시오.KendoGird에서 Tab 키와 Shift + Tab 키 이벤트

$(function() { 
$("input[type=text]").keyup(function (e) { 
       var keyCode = e.keyCode || e.which; 
       if (keyCode == 9) { 
        alert("I am in Cell") 
        grid.closeCell(); 
       } 

      }); 
}); 
+0

작동 중 http://jsfiddle.net/fE5YR/ –

+0

그래도 내 경우에는 KendoGrid를 사용하고 있기 때문에 – SantyEssac

답변

0

keydown() 함수를 추가해야합니다.

<script> 

$(document).ready(function(){ 

$("#KendoGridName").keydown(function(e){ 

var keyCode = e.keyCode || e.which; 
       if (keyCode == 9) { 
        alert("I am in Cell") 
        e.preventDefault(); 
       } 
}); 

}); 

</script> 

e.preventDefault() 함수는 다음 활성 조절로 이동하고, 따라서 사용자가 그리드의 한 셀에서 다른 셀로 이동되는, 즉 탭 키의 기본 동작을 방지한다.