如何在ExtJS中为treelist设置工具提示？

Question

我正在开发一个ExtJs应用程序。 我想使用treelist如下：

{
    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

看起来input_fn = tf.estimator.inputs.pandas_input_fn( x=pd.DataFrame({'x':x_data}), num_epochs=num_epochs, shuffle=True) Ext.list.Tree和qtip配置存在问题。

在qtitle配置中传递html现在可以正常工作。

e.g。 text

这是一个例子，我尝试过使用<span title="Homework qtip">Homework</span> configs。

https://fiddle.sencha.com/#view/editor&fiddle/2b03

Answer 2

如果有效，请告诉我。我还没玩过很多树，但是你可以尝试这是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;
            }
        }
        ...
        ]
    }
}