Search code examples
javascriptbuttonextjstooltip

How to change Ext Js Button tooltip at runtime?

I have the following:

var panel = headerPanel.add({
    id: 'recentcommands_button_id',
    xtype: 'button',
    text: "Recent Commands",
    tooltip: "Sample Tooltip Text"
});

Followed later on by:

Ext.getCmp('recentcommands_button_id').tooltip = "TEST";

Which sets the tooltip value properly if I check the button's properties, but which does not actually change the value on the screen.

I tried using:

Ext.getCmp('recentcommands_button_id').tooltip.update("TEST");

This did not work either.

Any ideas?

Solution

  • You can use setTooltip method:

    Ext.getCmp('recentcommands_button_id').setTooltip("TEST");