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

Question

我正在使用extjs 3.4中的metadata(metadata.attr="ext:qtip='tooltip'") 將工具提示動態添加到網格中。

，但我想這個工具提示添加到每個網格中的每一個細胞，並試圖通過以下方式，而不是使用上述方法

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的id 。我在網格中使用的列。 但我沒有得到，即使我是這一行的頁面

Ext.QuickTips.init(); 

Answer 1

嘗試使用bodyStyle的起點的提示，你可以在這裏找到http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.ToolTip-cfg-bodyStyle