javascript - ExtJSでツリーリストのツールチップを設定するには?

Question

ExtJs アプリケーションを開発しています。次のようにツリーリストを使用したい：

{
    xtype: 'treelist',
    bind: '{navimgation}',
    ...
}

私navimgationのモデルは次のとおりです。

navimgation: {
    type: 'tree',
    root: {
        children: [{
            text: 'Node1',
            leaf: true,
            qtip: 'My qtip 1'
        },{
            text: 'Node2',
            leaf: true,
            qtip: 'My qtip 2'
        }
        ...
        ]
    }
}

マウスがノード上にあるときにツールチップを表示したいのですが、うまくいきません。

Answer 1

これがうまくいくかどうか教えてください。私はまだ木で遊んでいませんが、これは JSFiddle またはあなたのコードで試すことができます。

navimgation: {
    type: 'tree',
    root: {
        children: [{
            text: 'Node1',
            leaf: true,
            renderer: function (val, meta, rec) {
                    meta.tdAttr = 'data-qtip="This is my tooltip"';
                            return val;
            }
        },{
            text: 'Node2',
            leaf: true,
            renderer: function (val, meta, rec) {
                    meta.tdAttr = 'data-qtip="This is my tooltip"';
                            return val;
            }
        }
        ...
        ]
    }
}