工具提示extjs中的面板

我正在動態添加面板到容器。我想爲懸停時的面板設置一個工具提示。怎麼做？工具提示extjs中的面板

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

更新：我也試過以下，但不工作

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

來源

2012-07-16 Jom

我通過在面板擴展類中添加以下代碼來解決此問題。

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

來源

2012-07-17 07:01:10 Jom

嗨@Jom有什麼辦法可以增加這個工具提示的大小？ – saravanakumar 2014-12-04 14:41:56

*寬度，抱歉，我無法編輯上面的評論 – saravanakumar 2014-12-04 16:06:22

下面的片段添加提示到指定的ID。

編輯：這是我的面板代碼，用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' 
      });

來源

2012-07-16 14:14:06 Alex

無法正常工作。任何額外的需要！更新的問題。 – Jom 2012-07-16 14:40:34

我認爲這是行不通的，當我延長它！ – Jom 2012-07-17 06:43:52

當您想要顯示兩個單獨的工具提示時，可以使用以下方法。

listeners: { 
"collapse": function() { 
    this.getEl().dom.title = 'collapse tooltip'; 
}, 
"expand": function() { 
    this.getEl().dom.title = 'expand tooltip'; 
} 
},

來源

2013-10-23 06:16:16

工具提示extjs中的面板

回答

相關問題