ExtJS - Tooltip zu Grid-Spaltenkopf hinzufügen

Question

Ich verwende ExtJS 5. Ich habe ein dynamisches Raster, was bedeutet, dass die Spaltenkonfigurationen, Speicherfelder, Daten usw. alle vom Backend kommen.

Bevor ich das Grid mit den Spalten neu konfiguriere, versuche ich eine Tooltip zum Header mit dem Data-Qtip-Attribut hinzufügen, aber das funktioniert nicht. Hier

ist die Geige: https://fiddle.sencha.com/#fiddle/1fr8

Snippet:

var cols = data_1.metaData.columns; 
for(var i=0;i<cols.length;i++){ 
    cols[i].header = "<font data-qtip='"+cols[i].header+"'>"+cols[i].header+"</font>"; 
} 
grid.reconfigure(null, cols);  
store.getProxy().data =data_1.data; 
store.loadPage(1) 
grid.getView().refresh(); 

Dank!

Answer 1

Bitte nicht zu kompliziert Dinge, die Gridcolumn hat eine tooltip Konfiguration, die funktionieren sollte.

for(var i=0;i<cols.length;i++){ 
     cols[i].tooltip = cols[i].header; 
    } 

Es ist nicht in Ihrem Fall nicht funktioniert, weil die QuickTipManager zuerst in Ext.onReady initialisiert werden muss:

Ext.onReady(function(){ 
    Ext.tip.QuickTipManager.init(); 
    var store = ... 

Bitte beachten Sie, dass die header config in gridcolumn zugunsten des text veraltet ist Konfig.