Javascript 如何在ExtJS中设置树列表的工具提示？

我正在开发一个ExtJs应用程序。 我想使用一个如下所示的

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

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

我的

导航

在我的模型中如下所示：

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

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

---

我想在鼠标悬停在节点上时显示工具提示，但它不起作用。

请告诉我这是否有效。我还没有玩太多的树，但您可以尝试这是JSFIDLE或您的代码

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

---

看来

Ext.list.Tree

qtip

和

qtitle

配置有问题

在

text

config中传递html现在就可以了

e、 g.

作业

下面是一个示例，我尝试了

treelist

configs

---

你以前做过什么？您是否设置了

Ext.QuickTips.register

？请提供更多的代码。您看到了吗？能否添加一个解释，说明如何以及在何处使用此代码段？原始代码块并不总是有用的，尤其是对于新的编码者。