2,177   CSS HTML jQuery JS

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

Your email address will not be published. Required fields are marked *