向ExtJS检查列添加工具提示

我在

Ext.tree.Panel

中有一个ExtJS

checkcolumn

：

{
    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);
        }
    }
}

我需要添加一个

工具提示

，样式与同一网格中的其他列类似，即

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

然而，除了说明列标题有可用的工具提示之外，文档在其实现上是模糊的，这是不可取的，因为页面上的其他工具提示出现在各自列中的项目上

---

如何将类似样式的工具提示应用于其他列？考虑到所有代码都被拆分为单独的文件，此工具提示是否必须是单独的实体（单独的文件并列在

Ext.tree.Panel

的

requires

）？

如果我正确理解了这一点，您希望在列中的每个项目上显示工具提示。为了做到这一点，您可以对所需的列使用渲染，如下所示：

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

对于检查列：

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

---

渲染器根据需要应用工具提示，但内容（复选框）不会在checkcolumn中渲染；我尝试返回不同的值，但没有效果。如果应用了此渲染器，则需要为checkcolumn返回什么才能正确渲染？