Vaadin 그리드를 탐색하고 키보드를 사용하여 항목을 선택하는 방법은 무엇입니까?

Question

Vaadin 그리드 또는 트리 그리드를 탐색하고 키보드 화살표 키만 사용하여 항목을 선택할 수 있는지 알고 싶습니다. 구성 요소를 테스트하는 동안 본 것부터 기본 동작은 그리드의 특정 셀 또는 트리 그리드의 특정 행으로 이동하는 것 같습니다. 사용자가 스페이스 바를 누르면 선택이 가능합니다. grid에 shortcutListener를 추가하려고 시도했지만 화살표 키가 작동하지 않는 것 같습니다. 선택한 항목으로 그리드 스크롤 막대가 움직이지 않습니다.

grid.addShortcutListener(new ShortcutListener("Down", KeyCode.ARROW_DOWN, null) { 
    @Override 
    public void handleAction(Object sender, Object target) { 
     //..// 
     selectedItem = dataSource.get(currentSelectedItemIndex); 
     grid.select(selectedItem); 
     grid.scrollTo(currentSelectedItemIndex); // this doesn't seem to do anything?? 
     //..// 
    } 
}); 

내 문제는 선택을 다른 셀/행으로 이동시키는 이벤트를 얻는 방법을 모르겠다는 것입니다. 다음은 내가 직면 한 문제를 나타내는 이미지입니다. 파란색 테두리 만있는 항목은 화살표 키를 사용하여 선택되었습니다. 사용자가 스페이스 바를 사용하지 않고 화살표 키 (아래 또는 위)를 누르면 항목을 자동으로 선택하고 싶습니다. 여기에서 가져온 이미지 : https://demo.vaadin.com/sampler/#ui/grids-and-trees/grid/features

EDIT1 : - 8.1.6가 내가 만약 angel의 최신 버전을 사용하고 있습니다.
Edit2 : 적어도 위쪽/아래쪽 화살표를 사용하여 행/열을 사용하지 않고 다음/이전 셀로 이동을 등록 할 수 있는지 확인하기 위해 몇 개의 수신기를 추가하려고했습니다. 여기 내가 시도한 청취자의 목록입니다 :

• addSelectionListener이 - 스페이스 바를 누르 또는 마우스 클릭 한 후 선택을 등록 만. 아니 내가 뭘 찾고있어.
• addItemClickListener - 마우스 클릭으로 선택한 항목 만 등록합니다.
• addShortcutListener - 누른 키를 등록하지만 화살표로 작동하지 않습니다.

잠재적으로이 문제에 도움이 될만한 청취자가 있습니까?

Answer 1

그리드 구성 요소에는 기본적인 키보드 탐색 기능이 있습니다. 당신이 키보드 탐색을위한 당신이 언급 한 같은 고급 옵션을, 필요하면 내가 따뜻하게이 추가 기능을 테스트하는 것이 좋습니다 :

https://vaadin.com/directory/component/gridfastnavigation-add-on