요소 편집 후 ExtJs4에서 keyNavigation을 잃습니다.

Question

키보드 화살표 탐색 기능이있는 대화 형 TreePanel을 구현하고 싶습니다. 처음 항목을 클릭하면 제대로 작동합니다. 키 바인딩을 추가했습니다. <> -add, < E> -edit, < D> 삭제. 추가 대화 상자가 표시된 후 사용자는 새 항목의 이름을 입력하고 Ctrl-S를 누르거나 저장 버튼을 누릅니다. 나의 나무에 집중하려고 그래서

saveItem: function(wnd) { 
    rec = wnd.getRecord(); 
    var store = this.getProductCategoryStore(); 

    if (wnd.parent) { 
     parent = wnd.parent 
     parent.data.leaf = false; 
     parent.set('loaded', false); 
    } else 
     parent = this.getCategoryTree().getRootNode(); 

    if (rec.phantom) 
     parent.appendChild(rec); 
    store.sync(); 
    wnd.close(); 

    if (wnd.parent) 
     parent.expand(); 

    this.getCategoryTree().focus(); 
    this.getCategoryTree().selectPath(rec.getPath()); 
}, 

, 마지막 두 행,하지만 작동하지 않습니다 여기 절약의 코드입니다. < A>, < E>, < D> - 작동하지만 화살표가 작동하지 않습니다. 수동으로 트리를 클릭하면 다시 작동합니다.

Answer 1

변형 됨. Ext.FocusManager를 사용하여 응용 프로그램에서 포커스가 작동하는 방식을 이해하는 것이 좋습니다. 나무에 집중할 때 :

tree.getView().focus()