Extjs Grid 鼠标位置tip提示

 功能需求就是说明内容隐藏，在鼠标悬停位置显示说明内容！

大家有更好的写法，虚心请教！

 

 

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

var index = grid.getView().findRowIndex(e.getTarget());

//alert("index ======" + index);

if(index >= 0){

var record = store.getAt(index);

var sr = Ext.encode(record.data.description); //这是每行要显示的说明内容

var st = sr.substring(1,sr.length-1);

var str;

if(st.length == 0){

str = "";

}else{

str = st;

}

var rowEl = Ext.get(e.getTarget());

rowEl.set({

'ext:qtip': '<div style="font-size: 12;">'+ str +'</div>',

'ext:qwidth':200,

'ext:qtitle':'<b>说明:<b></br>',

'ext:qclass': ''

},false);

}

});