EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: digo on May 09, 2012, 04:13:29 AM



Title: no (jQuery)Tooltip within datagrid?
Post by: digo on May 09, 2012, 04:13:29 AM
Hi!

I tried to add a jquery-tooltip plugin to a website.

Outside my datagrid the tooltip works fine:

(http://www.mbsip.com/easyui/screenshot1.jpg)

I have added the same html-code to my json-file, but within a datagrid the tooltip does not work:

(http://www.mbsip.com/easyui/screenshot2.jpg)

You can find the demo.html here:
http://www.mbsip.com/easyui/demo.html (http://www.mbsip.com/easyui/demo.html)

Any suggestions?

Ciao
Digo


Title: Re: no (jQuery)Tooltip within datagrid?
Post by: Kevin on May 09, 2012, 08:26:22 AM
Hi Digo

I think the problem is that the table is being created after the call to setup the tooltips. Thus not HTML exists for the table. The way I could see this was in Firebug. I put a break point at '$('.demo-async-timeout').poshytip({' and noticed that only the header of the table was drawn. You could call the code '$('.demo-basic').poshytip();'  after the table has been rendered. ie add onLoadSuccess: method.

I did implement my own tooltip and noticed that I had to increase the z-index value for the tooltip div. So if you no longer see the tooltip, but can see the code in Firebug, try increasing the z-index.


Title: Re: no (jQuery)Tooltip within datagrid?
Post by: digo on May 09, 2012, 11:30:44 PM
Hi Kevin,

thanks! That´s it! Working fine now!

Ciao
Digo