Ext JS - create a tool with dynamic tooltip on a panel

I have a panel and that panel has a load of tools.

these are defined in an array, eg:

myPanel.tools = [
{
    type : 'down',
    tooltip : 'Down',
},
{
    type : 'up',
    tooltip : 'Up',
},
{
    type : 'help',
    tooltip : 'Blah Blah',
}
]

But the above is fine if the tooltip is static, but I would like it to be updated whenever the user mouses over it.

Can you pass a function to the config to call when moused over or right before its shown? Is there another way.


ANSWERS:


tooltip excepts an config object where you can add a listener:

tooltip: {
    listeners: {
        'render': function(comp){
             comp.tooltip = "enter your tooltip";
        }
    }
}

now you can modify the component like you want.



 MORE:


 ? Dynamically add Text Fields to a Panel in extjs
 ? find dynamic added panel
 ? Dynamically add to the first collection in a nested collection VBA
 ? Add buttons Dynamically at Runtime
 ? Add buttons Dynamically at Runtime
 ? Add buttons Dynamically at Runtime
 ? Position HTML button dynamically in C#
 ? How do I create 5 buttons and assign individual click events dynamically?
 ? How do I remove combo box dynamically in C# by pressing a button in runtime?
 ? How to add buttons dynamically to my form?