功能需求就是说明内容隐藏,在鼠标悬停位置显示说明内容!
大家有更好的写法,虚心请教!
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);//grid每行需要展示的数据
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);
}
});