의 ExtJS : 나는 그것에 도구 모음이있는 페이지가

Question

(적용에 의해 추가 도구 모음)에 findById 메소드를 호출 할 수 없습니다, 그것은을 통해 추가 그래서 (요약 된 코드, 원본과 관련이없는 물건 많이)과 같이 적용된다

var obj = Ext.extend(Ext.Panel,{ 
    initComponent:function(){ 
     Ext.apply(this,{ 
      layout:'card', 
      itemId:'contactDetails', 
      border:false, 
      activeItem:0, 
      tbar: new Ext.Toolbar({ 
       items:[{text:'New'},{text:'Edit',id:'editButton'}] 
      }) 
     }); 
     obj.superclass.initComponent.apply(this); 

    }, load:function() { 
     this.tbar.findById('editButton').toggle(false); //Javascript error here about findById not being a function. 
    } 
    }); 

위의 구문이 올바르지 않을 수 있습니다. 그것은 내 코드에 있습니다 (적어도 큰 것을 제외하고는 자바 스크립트 오류가 발생하지 않습니다).

Answer 1

우선 기본 구성을 제공하기 위해 initComponent를 재정의 할 필요가 없습니다. 이 같은 방식으로 작동하고 간단합니다 :

이

var obj = Ext.extend(Ext.Panel,{ 
    layout:'card', 
    itemId:'contactDetails', 
    border:false, 
    activeItem:0, 
    tbar: new Ext.Toolbar({ 
     items:[{text:'New'},{text:'Edit',id:'editButton'}] 
    }) 
}); 

이 또한 문제를 해결할 수 있습니다 - 당신은 당신의 코드에서 initComponent 함수를 오버라이드 (override)되어 있기 때문에, (내 이전 대답을 스크래치, 난 당신의 코드를 오해.) 메소드 내에서 슈퍼 클래스 initComponent를 호출해야합니다. 그렇지 않으면 사물이 작동하지 않습니다. 코드를 initComponent 함수를 재정의하는 경우 당신은이 일을해야합니다

또한

initComponent: function(){ 
    Ext.apply(this,{ 
     layout:'card', 
     itemId:'contactDetails', 
     border:false, 
     activeItem:0, 
     tbar: new Ext.Toolbar({ 
      items:[{text:'New'},{text:'Edit',id:'editButton'}] 
     }) 
    }); 
    obj.superclass.initComponent.apply(this, arguments); 
} 

, 당신은 실제로 어떤 이유로 기존의 Panel.load() 방법을 재정의? 아니면 다른 기능을 추가하려고하고 실수로 기존 메서드 이름을 선택 했습니까?

EDIT : 유효한 속성으로 렌더링 한 후에는 tbar 구성을 사용할 수 없습니다. tbar에 대한 문서에서 : "렌더링 후 상단 툴바에 액세스하려면 getTopToolbar을 사용하십시오"