Question

我想在gridpanel的数据中添加工具提示。我想把地图放在工具提示面板上，我得到了它，但我的静态地图的宽度是600px，它从工具提示的面板溢出。我使用下面的代码，它工作正常，但无法设置工具提示的宽度。我该怎么办？

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>';
};

Answer 1

试试这个：

...

ext:qwidth="100"

...

Answer 2

对于ExtJs4，这是属性：

 tagConfig : {
        namespace : "data-",
        attribute : "qtip",
        width : "qwidth",
        target : "target",
        title : "qtitle",
        hide : "hide",
        cls : "qclass",
        align : "qalign",
        anchor : "anchor"
    },

不要忘记致电：

Ext.tip.QuickTipManager.init();

代码的产生。

使用示例：

meta.tdAttr = "data-qtip='texttttt' data-qtitle='title' data-qwidth=140";

Answer 3

m.tdAttr ='data-qwidth =“160”data-qtip =“'

ExtJS GridPanel数据工具提示

3 个答案: