ExtJS -- 将工具提示添加到网格列标题

Question

我正在使用 ExtJS 5。我有一个动态网格，这意味着列配置、存储字段、数据等都来自后端。

在使用列重新配置网格之前，我尝试使用 data-qtip 属性向标题添加工具提示，但这不起作用。

这是 fiddle : 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;
  }

它不适用于您的情况，因为必须首先在 Ext.onReady 中初始化 QuickTipManager:

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

请注意，gridcolumn 中的 header 配置已被弃用，取而代之的是 text 配置。