easyUI 是一套基于JQ的前端模板,便于创建各种类型的页面;
用easyUI创建了table,鼠标移至table里td时,显示td的内容,即添加一个title的属性!
查了easyUI的文档,找不到相关资料,只好google去了。
其实每个td都有个样式datagrid-cell,那么只需绑定鼠标移动的事件就可以了
$('#dg').datagrid({ fit: false, nowrap: true, pageList: [1*pageSize, 2*pageSize, 3*pageSize, 4*pageSize, 5*pageSize], method: 'get', rownumbers: true, pagination: true, pageSize: pageSize, fitColumns: false, columns: columns, //在数据加载完成后执行绑定函数 onLoadSuccess:showTableTdText }); //对样式datagrid-cell进行绑定,鼠标移到添加title属性,达到预览效果 function showTableTdText(){ $(".datagrid-cell").mouseover(function(){ $(this).attr("title",$(this).text()); }); }
Leave a Reply