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

时间:2013-07-03 18:37:29

标签: tooltip background-image background-color extjs3

我使用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();

1 个答案:

答案 0 :(得分:0)

尝试使用bodyStyle,您可以在http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.ToolTip-cfg-bodyStyle

找到它