Registrieren KeyDownHandler auf GWT VerticalPanel

Habe ich ein gwt VerticalPanel-Klasse, die ich brauche, um Händel KeyDown-Ereignisse.
die Methode, die ich verwendet, um zu implementieren Tastatur-handler in meiner Klasse ist:
ich füge hinzu :

this.sinkEvents(Event.ONKEYDOWN);

dem Konstruktor
dann habe ich Methode überschreiben onBrowserEvent() zur Verarbeitung von Schlüssel-down-Ereignis.

 @Override 
public void onBrowserEvent(Event event) {
//TODO Auto-generated method stub
  super.onBrowserEvent(event);
  int type = DOM.eventGetType(event);
  switch (type) {
  case Event.ONKEYDOWN:
                        //call method to handle this keydown event
   onKeyDownEvent(event);
   break;
  default:
   return;

  }
 }

aber diese Methode funktioniert nicht für das VerticalPanel-Klasse.kein KeyDown-Ereignis wird ausgelöst, wenn ich eine Taste drücken!

gibt es spezielle gwt-widgets, die Unterstützung KeyDownHandler like-Button etc..VerticalPanel ist nicht einer von Ihnen..wir brauchen also eine Arbeit um, registrieren Sie einen KeyDownHandler auf eine Klasse, die sich VerticalPanel.
können Sie vorschlagen, eine Idee oder Tip???

Dank

InformationsquelleAutor othman | 2010-12-12

  1. 9

    Könnten Sie eine Composite dass wrappes eine FocusPanel und ein VerticalPanel. Auf diese Weise können Sie fangen alle wichtigen Veranstaltungen der FocusPanel ausgerichtet ist. Einfach delegieren die benötigten Methoden, um die Platten:

    public void onModuleLoad() {
    ExtendedVerticalPanel panel = new ExtendedVerticalPanel();
    panel.add(new Label("some content"));
    panel.addKeyDownHandler(new KeyDownHandler() {

        @Override
        public void onKeyDown(KeyDownEvent event) {
            if (event.getNativeKeyCode() == KeyCodes.KEY_ENTER) {
                Window.alert("enter hit");
            }
        }
    });
    RootPanel.get().add(panel);
}

private class ExtendedVerticalPanel extends Composite implements HasWidgets, HasAllKeyHandlers {

    private VerticalPanel fVerticalPanel;
    private FocusPanel fFocusPanel;

    public ExtendedVerticalPanel() {
        fVerticalPanel = new VerticalPanel();
        fFocusPanel = new FocusPanel();
        fFocusPanel.setWidget(fVerticalPanel);
        initWidget(fFocusPanel);
    }

    @Override
    public void add(Widget w) {
        fVerticalPanel.add(w);
    }

    @Override
    public void clear() {
        fVerticalPanel.clear();
    }

    @Override
    public Iterator<Widget> iterator() {
        return fVerticalPanel.iterator();
    }

    @Override
    public boolean remove(Widget w) {
        return fVerticalPanel.remove(w);
    }

    @Override
    public HandlerRegistration addKeyUpHandler(KeyUpHandler handler) {
        return fFocusPanel.addKeyUpHandler(handler);
    }

    @Override
    public HandlerRegistration addKeyDownHandler(KeyDownHandler handler) {
        return fFocusPanel.addKeyDownHandler(handler);
    }

    @Override
    public HandlerRegistration addKeyPressHandler(KeyPressHandler handler) {
        return fFocusPanel.addKeyPressHandler(handler);
    }
}

    UPDATE

    Ihre Frage auf, wie um zu verhindern, dass der browser scrollen, wenn die Pfeiltasten gedrückt werden. Hier ein kleines Beispiel, das funktioniert für mich:

    public void onModuleLoad() {
    ExtendedVerticalPanel panel = new ExtendedVerticalPanel();
    //make panel reeeeaally big
    panel.setHeight("3000px");
    panel.add(new TextBox());
    panel.addKeyDownHandler(new KeyDownHandler() {

        @Override
        public void onKeyDown(KeyDownEvent event) {
            if (event.getNativeKeyCode() == KeyCodes.KEY_DOWN) {
                Window.alert("down hit");
                event.preventDefault();
            }
        }
    });
    RootPanel.get().add(panel);
}

    Hinzufügen der Handler, die Sie benötigen, und rufen Sie preventDefault() auf die Ereignisse, die der browser muss nicht aufpassen.

    ja die perfekte Lösung. ich habe in der Tat klar, dass FocusPanel wurde die Lösung durch die Verpackung meiner VerticalPanel in einem FocusPanel.Aber dein code ist sehr elegant. ich mochte die Idee des Schreibens eine ExtendedVerticalPanel . vielen Dank!
    Du bist herzlich willkommen.
    Hallo, ich habe noch eine Frage: Wenn ich mich registrieren keyDownHandler für meine ExtendedVerticalPanel und verwenden Sie die Up/Down-Tasten scrollt das Browserfenster scroller beim Schießen-Taste up - /down-Ereignissen für mein Panel. dieses Verhalten ist nicht akzeptabel. Ich habe versucht ein Update durch aufrufen von event.stopPropagation() am Anfang von KeyDownHandler.onKeyDown(KeyDownEvent event) - Methode. das problem ist, Stoppt der ereignisübertragung deaktiviert alle key-events für die widgets in meine Systemsteuerung wie TextBox ect..Wie kann ich verhindern, dass browser-Fenster scroller scrollen, während Sie mit der Taste up/down auf meinem Panel? vielen Dank.
    Haben Sie versucht, Sie anzurufen preventDefault()?
    ja, ich habe preventDefault() und es auch deaktiviert die key-events auf dem Panel. das Textfeld hat die Schlüssel deaktiviert ist innerhalb einer FocusPanel . könnte dies das problem sein? preventDefault() scheint zu kündigen wichtige Ereignisse, die für alle widgets in der Seitenleiste. irgendeine Idee was schief läuft? vielen Dank

    InformationsquelleAutor z00bs

Schreibe einen Kommentar