extjs工具提示问题

我真的很喜欢锚和捕鼠器以及基本的工具提示

如何在下面的渲染器代码中添加extjs工具提示/数据qtip

var listView = Ext.create('Ext.grid.Panel', {
        store: mystore,
        multiSelect: true,
        viewConfig: {
            emptyText: 'No images to display'
        },
        //reserveScrollOffset: true,
    renderTo: containerEl,

        columns: [
{
            text: 'Class',
            flex: 10,
            dataIndex: 'ClassName',
            renderer: function(value, metaData, record) {
   return Ext.String.format('<a href="#" class="tooltip2">{0}<span>{0}</span></a>', value);
        }

   ]     
    });

var listView=Ext.create（'Ext.grid.Panel'{
商店：mystore，
多选：对，
视图配置：{
emptyText:“没有要显示的图像”
},
//ReserveCollOffset:true，
集装箱船，
栏目：[
{
文本：“类”，
弹性：10，
dataIndex:'ClassName'，
渲染器：函数（值、元数据、记录）{
返回Ext.String.format（“”，值）；
}
]     
});

在

Ext.onReady（）调用后添加
Ext.QuickTips.init（）；
并在渲染器中添加：

metaData.attr = 'ext:qtip="your tooltip here"';

Ext.onReady（）应该放在哪里？对于渲染器si，类似以下内容-->渲染器：函数（值、元数据、记录）{return Ext.String.format（“”，value）；}只需调用QuickTips.init（）使用前。渲染器用于更改数据的显示内容和方式。您只需返回值即可将其显示在列表中。元数据参数用于添加类或id（metaData.css）或者一个atribute，在本例中，ext:qtip，shich将允许鼠标悬停工具提示弹出。您也可以将value参数添加到工具提示中，只需将字符串拆分并将值放在那里。我意识到我在关于返回值的声明中有点含糊不清。您当前的返回声明很好。