ext中,给grid添加行tip提示,方法很多,我今天的用的是图简单,代码如下:
grid.on('render',function(){
grid.tip=new Ext.ToolTip({
target: grid.getView().mainBody,
delegate: '.x-grid3-row',
trackMouse: true,
renderTo: document.body,
height:300,
listeners: {
'beforeshow':function(tip)
{
var rowIndex = grid.getView().findRowIndex(tip.triggerElement);
tip.body.dom.innerHTML='<table class="infotable">'+
'<tr><td>姓名:</td><td class="render">'+grid.getStore().getAt(rowIndex).get('employeeName')+'</td>'+
'<td>性别:</td><td class="render">'+grid.getStore().getAt(rowIndex).get('gender')+'</td>'+
'</tr>'+
//内容我就不写了。。。
'</table>'+
'<img src="'+ grid.getStore().getAt(rowIndex).get('icon')+'" width="150" height="150"/>';
}
}
})
})
class="render" 是表格样式,就不写了