EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: proceno72 on May 08, 2013, 10:47:00 AM

Title: Tooltip on datagrid cells
Post by: proceno72 on May 08, 2013, 10:47:00 AM

I create my datagrid on the fly with javascript code.
How can I apply new easyui tooltip plugin on datagrid cells?

Title: Re: Tooltip on datagrid cells
Post by: joe on May 09, 2013, 10:45:12 PM

formatter: function(value, row, index){ return '<span title=\"This is my tool tip.\" class=\"easyui-tooltip\">' + value + '</span>' }

Title: Re: Tooltip on datagrid cells
Post by: proceno72 on May 10, 2013, 03:58:52 PM

Thanks joe. It works.
I found another way for this. It applies new easyui tooltip on every cell of specified datagrid.
This is the code:

Code:

var cells = $('#mygrid').datagrid('getPanel').find('div.datagrid-body td[field] div.datagrid-cell:not(:empty)');
cells.tooltip({
     position:'top',
     content: function() {
                var tp = $(this).html();
                return tp;
     }  
 });