extjs의 패널에 대한 툴팁

Question

컨테이너에 패널을 동적으로 추가하고 있습니다. 나는이 패널에 대한 도구 팁을 호버에 설정하려고합니다. 그렇게하는 방법?

var myPanel = Ext.create('myClass.extending panel'); 
myPanel.id = 'my-id'; 
myPanel.setTitle('myTitle');    
myPanel.collapsed = true; 
this.add(myPanel); 

UPDATE :은 또한 다음과 같은 있지만, 다음 코드는 지정된 ID에 툴팁을 추가

var panelToolTip = Ext.create('Ext.tip.ToolTip', { 
     target: 'my-id', 
     html: 'I am a tooltip on your panel.' 
}); 
this.add(panelToolTip); 

Answer 1

다음 코드를 패널 확장 클래스에 추가하여이를 해결했습니다.

listeners: { 
    render: function() { 
     this.getEl().dom.title = 'my custom tool tip'; 
    } 
} 

Answer 2

작동하지 않는 시도.

편집 : 여기 내 패널 코드가 Firefox에서 테스트되었습니다.

var myPanel = Ext.create('Ext.panel.Panel', { 
    id : 'myPanel', 
        width: 200, 
        height: 150, 
        title: 'Panels are cool', 
        collapsible: true, 
        renderTo: Ext.getBody(), 
        .. .some other properties 
}); 
var tip = Ext.create('Ext.tip.ToolTip', { 
       target: 'myPanel', 
       html: 'I am a tooltip on myPanel' 
      }); 

Answer 3

두 개의 별도 도구 팁을 표시하려면 다음과 같이하십시오.