With gquery the syntax is the same, except that you get advance of the
gwt compiler including in your final js just the stuff you need, you
do not need to import any external library like jquery.js, and you do
not have to write any jsni method.
- Your example passing a gwt UI component
import static com.google.gwt.query.client.GQuery.$;
$(yourGWTUIElement).fadeIn(1300);
- More examples using selectors and type-safe constants
$(".gwt-label").fadeIn(Speed.SLOW);
$(".gwt-label").css("vertical-align", "middle").delay(1000).fadeIn(Speed.FAST);
$(".gwt-button").css(CSS.VERTICAL_ALIGN.with(VerticalAlign.MIDDLE));
Enjoy gquery :-)
- Manolo
2011/8/22 Dimitrijević Ivan <[email protected]>:
> You can include jQuery fraework in your application and use JSNI to invoke
> jQuery's animation function.
> public class Animation {
> public static int SPEED_SLOW = 1300;
> public static int SPEED_NORMAL = 800;
> public static int SPEED_FAST = 400;
> public static native void doFadeInAnimation(Element e, int speed)/*-{
> $wnd.jQuery(e).fadeIn(speed);
> }-*/;
> }
> In order to animate some GWT UI element you should write:
> Animation.doFadeInAnimation(yourGWTUIElement.getElement(),
> Animation.SPEED_SLOW);
>
> --
> You received this message because you are subscribed to the Google Groups
> "Google Web Toolkit" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/google-web-toolkit/-/JZojg4ekSM4J.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group at
> http://groups.google.com/group/google-web-toolkit?hl=en.
>
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
