Calling a method inside a javascript function using GWT jsni

Question

What I want is to call this code

public native void eventClickHandler( String id) /*-{
  $wnd.jQuery('#' + id).bind('jqplotDataClick',function(ev, seriesIndex, pointIndex, data) {
    [email protected]::onClick(Ljava/lang/String;Ljava/lang/String;)(seriesIndex, pointIndex);
  });
}-*/;

Here the onClick method is a normal java method and I'm using GWT and JSNI interface for this. Thanks in advance!..

possible duplicate of GWT/JSNI this. is not replace with a reference to the instance — Thomas Broyer
the use of this is somewhat risky, as it refers to the function owner. is the JSNI method a member of an overlay type? please enclose more context code, and some generated exceptions, if exist. — Eliran Malka

Colin Alworth Colin Alworth · Accepted Answer · 2012-05-03T16:33:18

Have you used jQuery before? this has particular meaning inside a function passed to jQuery. Even in JSNI, while it is in a Java file, it won't behave like a Java this, but like a JavaScript this.

Try this instead:

public native void eventClickHandler( String id) /*-{
  var origThis = this;
  $wnd.jQuery('#' + id).bind('jqplotDataClick',function(ev, seriesIndex, pointIndex, data) {
    [email protected]::onClick(Ljava/lang/String;Ljava/lang/String;)(seriesIndex, pointIndex);
  });
}-*/;

Calling a method inside a javascript function using GWT jsni

1 Answers