[easyui]datagrid鼠标移动显示单元格内容

当单元格内容过长无法完全显示怎么办？

如果鼠标移动到该单元格可以自动显示出所有文字内容就好啦。

这里提供两个思路

1. 给对应节点添加一个title属性，值就是节点的内容
2. 添加事件，移动到单元格就用一个tooltip显示内容

方法一

添加title属性，值为文字内容

首先找到对应节点

可以根据这个其中的一个class来定位 datagrid-cell

假设这个datagrid的id为dg

那就这么写

这里要用.parent()，因为单元格并不在#dg里面

$('#dg').parent().find('.datagrid-cell').each(function(){
    $(this).attr('title',$(this).html());
});

如果说只想让某一列有提示那也是可以的

$('#dg').parent().find('td[field=itemid] .datagrid-cell').each(function(){
    $(this).attr('title',$(this).html());
});

方法二

先不写了。