ExtJS - グリッド列ヘッダにツールチップを追加

Question

私はExtJS 5を使用しています。私は、列構成、ストアフィールド、データなどがすべてバックエンドから来ていることを意味する動的グリッドを持っています。

グリッドを列で再構成する前に、data-qtip属性を使用してヘッダーにツールチップを追加しようとしましたが、これは機能しません。 https://fiddle.sencha.com/#fiddle/1fr8

スニペット：

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(); 

おかげでここ

はフィドルです！

Answer 1

複雑すぎないようにしてください。グリッドカラムにはtooltipの設定が必要です。

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

QuickTipManagerがExt.onReadyで最初に初期化する必要があるので、それはあなたのケースでは動作しません：

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

gridcolumnでheader設定がtextの賛成で廃止されていますのでご注意くださいconfig。