ExtJS qtip未显示

Question

我有一个网格面板，我试图在特定列上显示悬停弹出窗口。我已经尝试过工具提示和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;
            }
        }

我在这里做错了什么？任何帮助我如何实现这一目标？

编辑：所以我通过在onReady（）函数中添加Ext.QuickTips.init();使第二列工作。但我仍然想知道如何使用第一栏中的方法使其工作。