GWT usando jQuery efecto posible?
-
27-09-2019 - |
Pregunta
en mi GWT, tengo un botón que el fuego, como a continuación para crear nuevo widget
@UiHandler("buttonfire")
void addNewWidget(ClickEvent event) {
htmlPanelHolder.add(new MyCustomWidget(),"placeholder");
}
cómo utilizar jQuery para que cuando el MyCustomWidget () muestran en la pantalla que está usando jQuery "FadeIn" efecto
Ya he intentado poner JSNI a jQuery llamada interna nueva MyCustomWidget () onLoad (), pero no funciona. me puede orientar sobre esto?
Solución
También es posible crear un efecto de fundido sin usar jQuery. Si quieres hacer eso, acaba de escribir una clase de animación de la siguiente manera:
public class FadeInAnimation extends Animation {
private final UIObject uiObject;
FadeInAnimation(final UIObject uiObject) {
this.uiObject = uiObject;
}
@Override
protected void onUpdate(final double progress) {
uiObject.getElement().getStyle().setOpacity(progress);
}
}
A continuación, se puede usar en cualquier tipo de artilugio:
new FadeInAnimation(myWidget).run(5000);
Nota: La llamada a getStyle().setOpacity(..)
incluso se encarga del caso especial IE6 / 7, donde se pone style.filter = 'alpha(opacity=' + (value * 100) + ')';
Otros consejos
También puede probar con la biblioteca GQuery: http://code.google.com/p/ gwtquery /
utilizar el efecto fadeIn de GwtQuery