动态更改Tool对象的ToolTip

时间:2013-01-11 21:05:17

标签: extjs4

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

这样的函数

谢谢,Y_Y

2 个答案:

答案 0 :(得分:5)

我无法将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!' 
});

答案 1 :(得分:3)

我有两个解决你问题的方法!

  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);