Добавить подсказку к checkcolumn ExtJS

Question

У меня есть ExtJS checkcolumn в Ext.tree.Panel:

{ 
    xtype: 'checkcolumn', 
    dataIndex: 'enabled', 
    hideable: true, 
    stateId: 'enabledColumn', 
    width: 30, 
    listeners: { 
     checkchange: function (grid, rowIndex, checked, eOpts) { 
      var tree = grid.up('processtree'); 
      tree.getController().onCheckChange(tree, rowIndex, checked); 
     } 
    } 
} 

Мне нужно добавить tooltip к этому, в едином стиле с другими столбцами в той же сетке, т.е.

{ 
    xtype: 'actioncolumn', 
    width: 30, 
    hideable: false, 
    stateId: 'deleteColumn', 
    items: [{ 
     icon: 'images/delete2.png', 
     tooltip: 'Delete', 
     handler: 'onDelete' 
    }] 
} 

Документация, однако, неясна в отношении ее реализации, за исключением указания всплывающей подсказки для заголовка столбца, что нежелательно, так как другие всплывающие подсказки на странице возникают в элементах в соответствующих столбцах.

Как применить всплывающую подсказку аналогичного стиля к другим столбцам? учитывая, что весь код разбит на отдельные файлы, эта всплывающая подсказка должна быть отдельной сущностью (отдельный файл и указан в Ext.tree.Panelrequires)?

Answer 1

Если у меня все получится, вы хотите отобразить всплывающую подсказку для каждого элемента из столбца. В упорядочены, чтобы сделать это, вы можете использовать визуализации для столбца вы хотите, как это:

{ 
    xtype: 'gridcolumn', 
    renderer: function(value, meta, record, row, col) { 
     meta['tdAttr'] = 'data-qtip="the tooltip for " + value; 
     return whatYouWantToDisplayInThatColumnsCell; 
    } 
} 

Для checkcolumn:

{ 
    xtype: 'checkcolumn', 
    renderer: function(value, meta, record, row, col) { 
     meta['tdAttr'] = 'data-qtip="the tooltip for "' + value + "'"; 
     return new Ext.ux.CheckColumn().renderer(value); 
    } 
}