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

大家有更好的写法,虚心请教!

 

 

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);
}
});