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?

¿Fue útil?

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 /

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top