Tooltips Not Displaying

[bkirkman]

I have a panel that with dynamically added components. I wanted to add tooltips to the dynamic links but they do not display on hover. This is my code.

if (readonly)
{
    component = new Ext.Component(
    {
        name: 'combo' + item.dbName,
        html: ' <a style="border-bottom:1px dashed black;"><b>' + listItems[0].value + '</b></a>',             autoEl:
               {
            tag: 'span'
        }
    });
    this.add(component);


    tip = new Ext.tip.ToolTip(
    {
        target: component.name,
        html: tipText,
        showDelay: 500,
        dismissDelay: 3000 // Hide after 3 seconds hover
    });
    this.add(tip);
}

Why does this not display a tooltip? What am I missing?

[mitchellsimoens]

You can add 'data-qtip' attribute to DOM elements like your <a> element and when you mouse over the element it will automatically show the tooltip for you. There is an example here: http://docs.sencha.com/ext-js/4-1/#!...uickTipManager

[bkirkman]

Thanks - I'll check out using the quicktip. Support suggested I use the component id for the target versus the component name. I added an id to my component, tested, and it worked. Appreciate the reply.