Gestore di modifica del valore istantaneo su una casella di testo GWT

Question

Desidero aggiornare immediatamente un campo di testo quando si digita in un GWT TextBox. Il mio problema è che i gestori ValueChangeEvent e ChangeEvent si attivano solo quando il TextBox perde lo stato attivo. Ho pensato di usare KeyPressEvent ma poi non succederà nulla quando eseguo una copia incolla con il mouse.

Qual è il modo più semplice per farlo?

Answer 1

È possibile rilevare l'evento ONPASTE e attivare manualmente un ValueChangeEvent. Qualcosa del genere:

public void onModuleLoad() { 
    final Label text = new Label(); 
    final ExtendedTextBox box = new ExtendedTextBox(); 
    box.addValueChangeHandler(new ValueChangeHandler<String>() { 

     @Override 
     public void onValueChange(ValueChangeEvent<String> event) { 
      text.setText(event.getValue()); 
     } 

    }); 
    box.addKeyUpHandler(new KeyUpHandler() { 

     @Override 
     public void onKeyUp(KeyUpEvent event) { 
      text.setText(box.getText()); 
     } 
    }); 

    RootPanel.get().add(box); 
    RootPanel.get().add(text); 
} 

private class ExtendedTextBox extends TextBox { 

    public ExtendedTextBox() { 
     super(); 
     sinkEvents(Event.ONPASTE); 
    } 

    @Override 
    public void onBrowserEvent(Event event) { 
     super.onBrowserEvent(event); 
     switch (DOM.eventGetType(event)) { 
      case Event.ONPASTE: 
       Scheduler.get().scheduleDeferred(new ScheduledCommand() { 

        @Override 
        public void execute() { 
         ValueChangeEvent.fire(ExtendedTextBox.this, getText()); 
        } 

       }); 
       break; 
     } 
    } 
} 

Testato su firefox 3.6.1.

Answer 2

Perché non utilizzare la combinazione di KeyUpHandler e ChangeHandler sul TextBox? Dovrebbe occuparsi di un riscontro immediato su ogni sequenza di tasti così come sul caso di copia incolla.

Answer 3

Questo è stato un grosso problema per me in passato. Il keyupHandler non funzionerà perché la copia incolla richiede una seconda pressione del tasto sull'opzione incolla che non attiva l'evento. il meglio che sono stato in grado di fare è usare il vecchio changelistener non ideale, ma funziona.

Answer 4

Just saw this question. Because I was facing the similar problem. 

Ho fatto qualche hack e ha funzionato per me. È possibile utilizzare KeyUpHandler ma utilizzarlo con un blocco aggiuntivo if che verifica per la lunghezza della casella di testo. Se la lunghezza della casella di testo è> 0, fai le tue cose. Es:

textBox.addKeyUpHandler(new KeyUpHandler() { 
    @Override 
    public void onKeyUp(KeyUpEvent keyUpEvent) { 
    if (textBox.getText().length() > 0) { 
    //do your stuff`enter code here` 

    } 
    } 

Answer 5

Come una soluzione generale, ciò che funziona per me (thx a Gal-Bracha commento):

In generale, GWT non ha classi per gestire eventi di input (descritto here e here) . Quindi abbiamo bisogno per la sua attuazione da noi stessi:

Handler classe: class

import com.google.gwt.event.shared.EventHandler; 

public interface InputHandler extends EventHandler { 

    void onInput(InputEvent event); 

} 

evento:

import com.google.gwt.event.dom.client.DomEvent; 

public class InputEvent extends DomEvent<InputHandler> { 

    private static final Type<InputHandler> TYPE = new Type<InputHandler>("input", new InputEvent()); 

    public static Type<InputHandler> getType() { 
     return TYPE; 
    } 

    protected InputEvent() { 
    } 

    @Override 
    public final Type<InputHandler> getAssociatedType() { 
     return TYPE; 
    } 

    @Override 
    protected void dispatch(InputHandler handler) { 
     handler.onInput(this); 
    } 

} 

Usage:

box.addDomHandler(new InputHandler() { 

    @Override 
    public void onInput(InputEvent event) { 
     text.setText(box.getText()); 
    } 
},InputEvent.getType()); 

Funziona su ogni modifica del valore TextBox compreso incollare utilizzando il menu di scelta rapida. Non reagisce su frecce, ctrl, shift ecc ...