1

この方法で、グリッド内の各セルにツールチップを動的に追加します。

renderer : function(value, metadata, record)
{
    metadata.attr = 'ext:qtip="' + value + '" ext:qwidth="auto"';
    return value;
}

小さなテキストには問題なく機能します。しかし、テキストが長い場合、ツールチップを 500px より大きくする必要がある場合、そのツールチップは非常に見栄えが悪くなります。Sencha でサポートされている最大幅が 500px であることは知っていますが、ここで解決策を見つけました: http://forums.ext.net/showthread.php?15634-Overcoming-ExtJs-Tooltip-s-max-width-of-500。残念ながら、そのbaseClsをmetadata.attrのqtipsに設定する方法がわかりません。私はトレーディングしていました：

Ext.Tip.prototype.baseCls = 'custom-x-tip';

しかし、それは何も変わりません。もちろん、css ファイルでその css クラスを定義しています。

4

1 に答える 1

0 
renderer : function(value, metadata, record)
{
    return getToolTip(value, metaData,record);
}

/** For ExtJS 4.x */
function getToolTip(value, metaData,record){
    metaData.tdAttr = 'data-qtip="' + value + '"';
    return value;
}

> ここから私の回答を編集します。

/** For ExtJS 3.x */
function getToolTip(value, metadata, record, rowIndex, colIndex, store){
    metadata.attr = 'ext:qtip="' + value + '"';
    return value;
}
于 2013-10-07T13:33:51.233 に答える