La souris sur la grille Extjs 4 affiche la valeur de cellule complète

J'ai une grille avec une longue chaîne de caractères dans une des colonnes. Je voudrais la chaîne à afficher lorsque l'utilisateur passe la souris sur une cellule de cette colonne.

Jusqu'à présent, je avoir de travail où une info-bulle s'affiche pour toute cellule de cette colonne, mais ils n'ont pas l'affichage du texte. L'info-bulle toujours dit juste "Icône de Pointe".

Comment puis-je obtenir le qtip pour afficher la variable val place de la chaîne de l'Icône "Astuce"?

Ext.define('AM.view.user.List' , {
    extend: 'Ext.grid.Panel',
    .......
    initComponent: function() {
        function renderTip(val, meta, rec, rowIndex, colIndex, store) {
            meta.tdAttr = 'data-qtip="Icon Tip"';
            return val;
        };
        this.columns = [
            {header: 'First Name', dataIndex: 'FirstName', width: 75},
            {header: 'Last Name', dataIndex: 'Last', width: 75},
            {header: 'Perm', dataIndex: 'Perm', width: 75},
            {header: 'Comment', dataIndex: 'Comments', width: 150, renderer: renderTip}
        ];
        this.callParent(arguments);
    }
});

source d'informationauteur alex9311