有个需求,easyui datagrid表格新加一列操作列,操作列均以图片按钮显示,当鼠标滑至图片按钮时,变成手指,并显示文字提示可进行的操作。具体实现如下:
columns: [[
{
field: "id",
title: "设备编号",
width: 80,
align: "center",
},
...... //此处省略其他字段
{
field: "operation",
title: "操作",
width: 60,
align: "center",
formatter:function(){//使用formatter格式化刷子
return "<img src='<%=basePath%>static/gairui/images/detail_normal.png'
title='查看' style='cursor:pointer' width='15px' height='15px'/>";
}
}
]],
toolbar:'#grid-toolbar',
onClickRow:function(value, row, index){ //鼠标点击事件
operation(value, row, index);
}