Javascript 未显示ExtJS qtip

我有一个网格面板，我试图在一个特定的列上显示一个悬停弹出窗口。我尝试了工具提示和qtip，但它们都没有显示出来。我的网格面板如下所示：

Ext.create('Ext.grid.Panel', {
        id: 'frPanel-'+interfaceId,
        store: frStore,
        columns : [ {text : 'Source',
            dataIndex : 'source',
            renderer : function(value) {
                return convertObjValue(value);
            },
            listeners: {
                afterrender: function ()
                {
                    Ext.create('Ext.tip.ToolTip',
                    {
                        target: this.el,
                        trackMouse: true,
                        html: "Hello there"
                    });
                }
            }
        }, {
            text : 'Destination',
            dataIndex : 'destination',
            menuDisabled : true,
            renderer : function(value, metaData) {
                var newValue = convertObjValue(value);
                metaData.tdAttr = 'data-qtip="' + newValue + '"';
                return newValue;
            }
        }

我做错了什么？有什么可以帮我的吗

---

EDIT:因此我通过添加

Ext.QuickTips.init（）使第二列工作。但我仍然想知道如何使用第一列中的方法使其工作。
过去，每当我在网格中添加工具提示时，我都会使用您的第二种工作方法。这没什么问题，虽然这不是最漂亮的解决方案。@Lesley.Oakey我理解你为什么这么说，我也喜欢。但这里的问题是我想让ajax调用add在工具提示中显示一个值列表。我能用它来实现吗？啊，我明白了。是的，那么您需要Ext.create方法。我还没有真正使用过这种方法，所以也没什么帮助，但如果你还没有看到它的话，这是一个很好的起点。它有一个Ajax工具提示，希望这个过程能帮助你！