方法一(单元格):
直接在formatter里使用class="easyui-tooltip"不生效,看其它人说是被过滤了,因此要手工另外修复它
第一步,formatter里增加titile提示语句
formatter: function (value, data, index) { return '<span title="Hello, I am tooltip." class="easyui-tooltip">hello</span>' }
第二步,在DataGrid的onLoadSuccess事件中,修复tooltip,并可以自定义样式
onLoadSuccess: function(){
$(".easyui-tooltip").tooltip({
onShow: function () {
$(this).tooltip('tip').css({
borderColor: '#000'
});
}
});
}
效果图如下:
方法二(行):
$('#dg').datagrid('getPanel').find('.easyui-tooltip').each(function(){
var index = parseInt($(this).attr('data-p1'));
$(this).tooltip({
content: $('<div></div>'),
onUpdate: function(cc){
var row = $('#dg').datagrid('getRows')[index];
var content = '<div>content</div><ul>';
content += '<li>name: '+row.A+'</li>';
content += '<li>B: '+row.B+'</li>';
content += '<li>C: '+row.C+'</li>';
content += '<li>D: '+row.D+'</li>';
content += '</ul>';
cc.panel({
width:200,
content:content
});
},
position:'right'
});
});