Ext 中 grid 怎么 对 鼠标滑过每一行 设置一个提示信息?

在列映射的时候就要设定渲染方式

Js代码

1. var  colModel =  new  Ext.grid.ColumnModel([  
2.     { header: "$ Sales" , width: 100, sortable:  true , renderer: heihei}   
3.  ]);  

var colModel = new Ext.grid.ColumnModel([
    { header: "$ Sales", width: 100, sortable: true, renderer: heihei} 
 ]);

渲染的函数写成如下：

Js代码

1. function  heihei(value, meta, rec, rowIdx, colIdx, ds){  
2.     return   '<div ext:qtitle="" ext:qtip="'  + value +  '">' + value + '</div>' ;  
3. }  

function heihei(value, meta, rec, rowIdx, colIdx, ds){
    return '<div ext:qtitle="" ext:qtip="' + value + '">'+ value +'</div>';
}

顶部需要加入

Js代码

1. Ext.QuickTips.init();  

Ext.QuickTips.init();

qtitle代表tip的标题, qtip代表内容。这时鼠标划过就会出现提示！