extjs4 - 动态更改 Tool 对象的 ToolTip

Question

有没有办法从放置在面板中的工具更改工具提示文本？我查看了 ToolTip 对象和 QuickTip，但都没有像 setTipText() 这样的函数

谢谢，Y_Y

Answer 1

我无法将 itemId 放在我的工具提示上，因此我能够以这种方式动态更新工具的工具提示：

var toolTip = Ext.get(tool.getEl().id + '-toolEl');
toolTip.set({ 
    'data-qtitle': 'New Tooltip Title', //this line is optional
    'data-qtip': 'Updated Tool Tip!' 
});

Answer 2

对于您的问题，我有两个解决方案！

1. 更改 HTML 属性

   toolTip=Ext.ComponentQuery.query('tooltip[itemId=myToolTip]')[0];
   toolTip.html = "This is the new text!";
   toolTip.setTitle("new Title");
   toolTip.render();
   

2. 毁掉旧的，造一个新的……

   tooltip.destroy();
   var config = {
       target: 'bottomCallout',
       anchor: 'top',
       anchorOffset: 85, // center the anchor on the tooltip
       html: "Fancy new ToolTip with a totally different config..."
   };
   Ext.create('Ext.tip.ToolTip', config);