最初的实现方法:
{ field: 'Reply', title: '备注', width: 220, align: "center", formatter: function(value, row, index) { var abValue = value; if (value.length>=22) { abValue = value.substring(0,19) + "..."; } var content = '<a href="#" title="' + value + '" class="tooltip">' + abValue + '</a>'; return content; } }
然而效果并没有实现,这原因是动态产生datagrid后,对tooltip未重新渲染,于时用$.parse重新渲染,但还是得到不预定的效果。
后来在datagrid的onLoadSuccess事件中去产生tooltip,代码如下:
{ field: 'Reply', title: '备注', width: 220, align: "center", formatter: function(value, row, index) { var abValue = value; if (value.length>=22) { abValue = value.substring(0,19) + "..."; } var content = '<a href="#" title="' + value + '" class="note">' + abValue + '</a>'; return content; } } onLoadSuccess:function(data) { $(".note").tooltip( { onShow: function(){ $(this).tooltip('tip').css({ width:'300', boxShadow: '1px 1px 3px #292929' }); } } ); }
下载说明
☉本站所有源码和资源均由站长亲自测试-绝对保证都可以架设,运营!
☉如源码和资源有损坏或所有链接均不能下载,请告知管理员,
☉本站软件和源码大部分为站长独资,资源购买和收集,放心下载!
☉唯一站长QQ:1004003180 [人格担保-本站注重诚信!]
☉购买建议E-mail:1004003180@qq.com 源码收购 E-mail:1004003180@qq.com
☉本站文件解压密码 【文章内都自带解压密码,每个密码不同!】