Search code examples
extjstooltipextjs3gridpanelextjs-grid

ExtJS GridPanel data tooltip


I want to add tooltip to my gridpanel's data. I want to put map on tooltip panel, I got it, but my static map's width is 600px, it overflows from tooltip's panel. I used below code, it works fine, but can not set a width to tooltip. How can I do?

this.renderToolTip = function(argVal, metadata, record, rowIndex, colIndex, store)
{
    var toolTipImg = '<img src="http://maps.googleapis.com/maps/api/staticmap?markers=color:green%7C' + record.data.latitude + ',' + record.data.longtitude + '&zoom=15&size=600x200&sensor=false" />';
    var title = record.data.title;

    return '<div ext:qtitle="' + title + '" ext:qtip="' + toolTipImg + '">' + argVal + '</div>';
};

Solution

  • Try this:

    ...

    ext:qwidth="100"
    

    ...