JQuery EasyUI Datagrid 的 tooltip 使用

方法一（单元格）：
直接在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'
});
});