2

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

3 に答える 3

1

これを試して：

..。

ext:qwidth="100"

..。

于 2012-12-17T12:21:10.563 に答える
1

m.tdAttr = 'data-qwidth="160" data-qtip="'

于 2013-07-25T07:24:17.733 に答える
1

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";
于 2013-07-03T12:03:35.110 に答える