easyui实现鼠标移到某一行,就会弹出一个提示信息效果

2017-01-26 21:24 阅读 2,640 次 评论 0 条

问题描述:使用easyui的datagrid,产生的表格数据,经常有时候,某个单元格的数据比较多, 就会出现显示不全的问题,所以为了完整的显示数据,就可以当鼠标移到某个单元格的时候,这个单元格就会弹出一个小提示框,里面就可以看到全部内容,效果如下图所示:

解决办法:1.在初始化datagrid的时候,使用onloadsuccess函数,进行渲染,如下图代码:

onLoadSuccess:function(data){

$(".tip").tooltip({

onShow: function(){

$(this).tooltip('tip').css({

width:'300',

boxShadow: '1px 1px 3px #292929'

});

}

});

}

2.在要显示提示框的列,对该列要显示的数据进行格式化,如下代码所示:

 {
title : '内容',
field: 'content',
width : '520',
formatter:function(value,row){
var content = '<li title="' + value + '" class="tip">' + value + '</li>';
return content;
}
}
版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:easyui实现鼠标移到某一行,就会弹出一个提示信息效果 | 雨晨博客

发表评论


表情