ext 增加tooltip ext grid 上的单元格中 加上tooltip

建议你先写一个Window窗口里面的Panel整成DIV

然后添加事件

gridPanel.on('mouseover ',function(e){

获取鼠标放上去的当前行

请求数据

渲染图表

})

最前面加Ext.QuickTips.init() var COLUMNS = [{

        header : 'test1',

dataIndex : 'test1',

sortable : true,

align:'center',

renderer:function(value, metadata, record, rowIndex, colIndex, store){

    metadata.attr = 'ext:qtip="' + value + '"'

    return value}

},{

        header : 'test2',

dataIndex : 'test2',

sortable : true,

align:'center',

renderer:function(value, metadata, record, rowIndex, colIndex, store){

    metadata.attr = 'ext:qtip="' + value + '"'

    return value}

}]

var gridP=new Ext.grid.GridPanel(

    id:"grids",

    columns:COLUMNS,

    width:500,

    height:300    

}

关键部分是Ext.QuickTips.init() 和metadata.attr = 'ext:qtip="' + value + '"'

请采纳，谢谢

1、panel可以包含gridpanel的，在panel的items属性中可以添加gridpanel

例如：

var panel = new Ext.Panel({

items: new Ext.grid.GridPanel({})

})

2、gridpanel是继承panel的，相当于gridpanel不但继承了panel所有的属性，并且有自己特有的有些属性。

你可以详见extjs的API ，extjs中gridpanel的继承关系：

Ext.util.Observable

Ext.Component

Ext.BoxComponent

Ext.Container

Ext.Panel

Ext.grid.GridPanel

---