Tooltip stops working on datatable column after sorting or pagination click.

[saini.sushant]

Hi I am using dataTable for displaying data on 1 of my screen. I am using pagination and sorting on this datatable. I have addes a tooltip to an image displayed in 1 of the column. This works fine when I load the page but once I use pagination link or sorting on datatable, the tooltip stops working. I looked at the difference in Ajax request send for tooltip before and after the pagination or sorting and I see a differene which I think is causing this issue.

Requests for tooltip before sorting or pagination. There are bascially 2 requests. 1 for onclick and 1 for oncomplete. Note how intiator in both cases is Jsf.js.jsf

Now after pagination click, for tool tip there is only 1 request and the intiator is "Other". Look at the last request. Please also note there is no 2nd request for oncomplete.

can someone help me understan why tool tip is breaking after pagination or sorting?

[jhuska]

Hello,

I think that it is similar to the issue. Please consider it to see the workaround.

https://issues.jboss.org/browse/RF-11973

The workaround should be to include the toolTip id to render attribute of a4j:ajax (r:ajax if you are using RF5).

Have you been successful ?

[saini.sushant]

The workaround does not work for me.  I am getting stuck into issues after issues. Now I am trying a different approach by putting a4j:status around my datatable. I have a onstart function but this functions is invoked only 1 time. After first ajax call, onstart is not called again .

Does anyone know why onstart is called only once?

[saini.sushant]

Issue Resolved!!! i cannot believe something so small can cause so many issues. basically I observed that even the smallest JS calls like oncomplete="alert(''hi)" were not working on my page. Also sorting, pagination was causing JS to not bee invoked, the behavior was little odd. a4j:status was working only once before you sort or paginate. Tooltip was not working inside datatable after sorting or paginating.

All these issues are resolved after I replaced <h:commandbutton> with <a4j:commandbutton> throughout the page. it is strange but works for me .