제목 표시 줄이 숨기거나 표시되지 않습니다.

Question

제목 표시 줄 클래스는 sencha 문서에서 말한 것처럼 숨기거나 표시하지 않습니다. 나는 이것을 이렇게 초기화하고있다.

{ 
    xtype: 'titlebar', 
    docked: 'top', 
    hidden: true 
}; 

그래서 그것은 숨겨지기 시작한다. hidden: false으로 설정하면 표시됩니다. 단추를 눌렀을 때 표시되거나 숨겨지는 단추에서 참조가 있습니다.

bar.show() 및 bar.hide()이 작동하지 않습니다. bar.setHidden(true) 또는 bar.setHidden(false)도 마찬가지입니다. bar.hidden = true 또는 bar.hidden = false도 마찬가지입니다. 내 버튼의 이벤트 핸들러가 작동하며, 눌렀을 때 메시지를 출력합니다.

제목 표시 줄을 사라지고 다시 표시되게하려면 어떻게해야합니까?

UPDATE 아래

내 개체와 버튼 리스너에 대한 코드입니다. http://pastebin.com/tbS35Czk

내 settingsbar (이 바로 여기 다른 클래스에 정의되어 있습니다 : http://pastebin.com/xP5NSrb8를) 다음

var settingsbar = { 
       xtype: 'meterreadings_settingsbar', 
       docked: 'top', 
       added: false 
       }; 

버튼 및 수신기입니다 :

{ 
    xtype: 'mbButton', 
    text: 'Settings', 
    align: 'right', 
    listeners: { 
     tap: function(source, e, eOpts) { 
      if(!settingsbar.added){ 
       settingsbar.added = true; 
       Ext.ComponentQuery.query('.meterreadings_main')[0].add(settingsbar); 
      } 
      else{ 
       if(settingsbar.hidden){ 
        settingsbar.show(); 
       } 
       else{ 
        settingsbar.hide(); 
       } 

      } 
     } 
    } 
} 

Answer 1

여기에 전체 클래스 파일에 대한 링크입니다 문제를 해결했습니다. 대신

var settingsbar = { 
       xtype: 'meterreadings_settingsbar', 
       docked: 'top', 
       added: false 
       }; 

일을 내가 대신 xtype의 Ext.create을 사용하고

var settingsbar = Ext.create('pw.meterreadings.main.settingsbar.Settingsbar',{ 
       docked: 'top', 
       added: false 
       }); 

의 차이입니다을 할 필요가 있었다.