10

列の 1 つに長い文字列を含むグリッドがあります。ユーザーがこの列の任意のセルにマウスを置いたときに、完全な文字列が表示されるようにします。

これまでのところ、この列のセルに対してツールチップがポップアップする場所で機能していますが、テキストは表示されません。ツールチップには常に「アイコン ヒント」とだけ表示されます。

文字列「Icon Tip」の代わりに変数 val を表示するように qtip を取得するにはどうすればよいですか?

Ext.define('AM.view.user.List' , {
    extend: 'Ext.grid.Panel',
    .......
    initComponent: function() {
        function renderTip(val, meta, rec, rowIndex, colIndex, store) {
            meta.tdAttr = 'data-qtip="Icon Tip"';
            return val;
        };
        this.columns = [
            {header: 'First Name', dataIndex: 'FirstName', width: 75},
            {header: 'Last Name', dataIndex: 'Last', width: 75},
            {header: 'Perm', dataIndex: 'Perm', width: 75},
            {header: 'Comment', dataIndex: 'Comments', width: 150, renderer: renderTip}
        ];
        this.callParent(arguments);
    }
});
4

2 に答える 2

13

sencha フォーラムで調べたところ、正しいコードは次のようになります。

function renderTip(value, metaData, record, rowIdx, colIdx, store) {
    metaData.tdAttr = 'data-qtip="' + value + '"';
    return value;
};

使用する必要のある文字列/変数の連結があったと思います

http://www.sencha.com/forum/showthread.php?179016-Grid-cell-tooltip

于 2012-09-04T23:23:10.577 に答える
1

すでに値を持っているので、最初の引数としてレンダラーに渡されます。さらに情報が必要な場合は、記録もあります。

于 2012-08-31T01:37:39.303 に答える