ExtJs 4의 버튼 처리기에서 numberfield 값에 액세스하려면 어떻게해야합니까?

Question

나는 다음과 같은 항목 패널이 있습니다

이

{ 
    xtype: 'numberfield', 
    id: 'articleFastSearch', 
    listeners: { 
     scope: this, 
     specialkey: function(field, e) {        
      if (e.getKey() == Ext.EventObject.ENTER) { 
       var val = this.rawValue; 
       // Do stuff with val 
      } 
     } 
    } 
}, 
{ 
    id: 'articleFastSearchBtn', 
    text: 'Open article', 
    scope: this, 
    handler: function(btn) { 
     console.log(Ext.get("articleFastSearch")); 
     var val = Ext.get("articleFastSearch").getValue(); 
     console.log(val); 
     // Do stuff with val 
    } 
} 

numberfield에 리스너가 완벽하게 작동을하지만 난 단추 처리기에서 numberfield 값에 액세스하는 데 문제가 있습니다. numberfield의 이름을 지정하고 this.articleFastSearch.getValue()을 사용했지만 작동하지 않았습니다. 범위가 틀렸을 수도 있습니다.

나는 numberfield에 id를 부여하고 위와 같이 dom을 통해 액세스하려고 시도했다. 반환 된 생성자에 실제로 숫자 필드 대신 HTMLTableElement이 포함되어 있다는 이상한 결과가 발생합니다. 속성에서 값을 찾을 수 없어 매우 혼란 스럽습니다 ... 같은 ID를 가진 다른 요소는 페이지에 없습니다. 어떤 아이디어?

이상적으로는 가능한 경우 변수 this을 통해 값에 액세스하는 것이 좋지만 작동하는 모든 솔루션에 대해서는 해결할 것입니다.

Answer 1

Ext.get()Ext.Element을 반환하십시오. 당신이 찾고있는 것은 Ext.getCmp()입니다. 또한 Ext.container.AbstractContainer을 상속받은 모든 클래스에서 단축키로 위/아래로 사용할 수있는 새로운 Ext.ComponentQuery의 사용을 고려해야합니다.