EasyUI TreeGrid 悬浮效果

 /* 鼠标悬停扩展*/
 (function (hasgrid) {

     if (hasgrid) {
         /**
          * 表格提示
          */
         $.extend($.fn.datagrid.methods, {
             tooltip: function (jq, fields) {
                 return jq.each(function () {
                     var panel = $(this).datagrid('getPanel');
                     if (fields && typeof fields == 'object' && fields.sort) {
                         $.each(fields, function () {
                             var field = this;
                             bindEvent($('.datagrid-body td[field=' + field + '] .datagrid-cell', panel));
                         });
                     } else {
                         bindEvent($(".datagrid-body .datagrid-cell", panel));
                     }
                 });

                 function bindEvent(jqs) {
                     jqs.mouseover(function () {
                         var content = $(this).text();
                         if (content && content != "") {
                             $(this).tooltip({
                                 content: content,
                                 trackMouse: true,
                                 deltaX: 15,
                                 deltaY: -5,
                                 onShow: function () {
                                     $(this).tooltip('tip').css({
                                         backgroundColor: '#f7f5d1',
                                         borderColor: 'black'
                                     });
                                 }
                             }).tooltip('show');
                         }
                     });
                 }
             }
         });
     };
 })($.fn.datagrid);

用法

   onLoadSuccess: function (data) {
                $(this).datagrid('tooltip');
            }