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

看起来Ext.list.Tree qtip和配置有问题qtitle。

在配置中传递 htmltext现在可以工作。

例如<span title="Homework qtip">Homework</span>

这是一个示例，我尝试过使用treelist配置。

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;
            }
        }
        ...
        ]
    }
}