tooltip - 如何在 extjs3.4 中更改工具提示背景

Question

我正在使用metadata(metadata.attr="ext:qtip='tooltip'") extjs 3.4 向网格动态添加工具提示。

但我想将此工具提示添加到网格中的每个单元格并尝试以下方式而不是使用上述方法

 function setToolTip(val, metadata) {
        new Ext.ToolTip({
                target: 'company',
                html: 'Click the X to close me',
                title: 'My Tip Title',
                autoHide: false,
                closable: true,
                draggable:true
            });

        return val; 
    }
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {
                id       :'company',
                header   : 'Company', 
                width    : 160, 
                sortable : true, 
                renderer : setToolTip,
                dataIndex: 'company'
            }
        ],
        stripeRows: true,
        autoExpandColumn: 'company',
        renderTo: document.body,
        height: 350,
        width: 600,
        title: 'Array Grid',
        // config options for stateful behavior
        stateful: true,
        stateId: 'grid'
    });

对于目标，我给出了我在网格中使用的 Ext.grid.Column 的 id。但我没有得到工具提示，即使我是页面开头的这一行

Ext.QuickTips.init();

Answer 1

尝试使用bodyStyle，你可以在这里找到它http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.ToolTip-cfg-bodyStyle