Setzen Sie den Fokus auf eine Komponente mit Apache Wicket?

Wie legen Sie den Fokus auf eine Komponente mit Apache Wicket? Die Suche führt zu wenig information, meistens auf die Einstellung der Standard-Bereich. Ich will nicht, um eine Standard-Bereich, sondern ich bin auf der Suche zu setzen, wenn, zum Beispiel, ein bestimmter radio-button ausgewählt ist.

InformationsquelleAutor vagabond | 2010-04-13

  1. 8

    Sobald Sie Ihr Verhalten setzen Sie den Fokus, Sie sollten in der Lage sein, um es hinzuzufügen, um die Komponente auf jeden Fall, nur stellen Sie sicher, dass die Komponente ist Teil der AjaxRequestTarget. Ich verstehe nicht, warum das nicht funktionieren würde...

    myRadioButton.add(new AjaxEventBehavior("onchange") {
 @Override
 protected void onEvent(AjaxRequestTarget target) {
    myOtherComponent.add(new DefaultFocusBehavior());
        target.addComponent(myForm);
 }
});

    Hier ist ein link, der veranschaulicht, wie erstellen Sie die Standard-Fokus-Verhalten, wenn Sie nicht schon eine haben:
    http://javathoughts.capesugarbird.com/2009/01/wicket-and-default-focus-behavior.html

    Ich schlage vor, Sie kopieren den code in die Antwort (unter Beibehaltung der ursprünglichen Referenz, natürlich), so dass es hängt nicht von externen Ressourcen.
    problem bei dieser Lösung ist, dass, sobald Sie befestigt es dann jedesmal, wenn es aktualisiert wird (AjaxRequestTarget#addComponent) es konzentriert (oder zumindest den Fokus javascript ausgewertet wird) mit AjaxRequestTarget#focusComponent ist one-shot-Fokus, so dass es besser geeignet für ein Verhalten gewünscht, in Frage ("radio-button ausgewählt ist")

    InformationsquelleAutor schmimd04

  2. 17

    Schlage ich vor, den native org.apache.wicket.ajax.AjaxRequestTarget#focusComponent(). Zum Beispiel:

    /**
 * Sets the focus in the browser to the given component. The markup id must be set. If            
 * the component is null the focus will not be set to any component.
 * 
 * @param component
 *            The component to get the focus or null.
 */
 org.apache.wicket.ajax.AjaxRequestTarget#focusComponent(Component component)
    Hören Sie, was martin-g sagt 😉
    Das sollten die akzeptierten Antworten.

    InformationsquelleAutor martin-g

  3. 3

    Wenn Sie nur wollen, um setFocus über javascript und nicht neu geladen werden soll, eine form oder eine Komponente Sie können den folgenden code verwenden:

    import org.apache.wicket.Component;

public class JavascriptUtils {
    private JavascriptUtils() {

    }

    public static String getFocusScript(Component component) {
        return "document.getElementById('" + component.getMarkupId() + "').focus();";
    }
}

    Und dann in jeder Ajax-Methode, die Sie verwenden können:

    target.appendJavascript(JavascriptUtils.getFocusScript(componentToFocus));

    InformationsquelleAutor Marcelo

  4. 0

    Gibt es einen Weg, um das gleiche zu erreichen ohne JavaScript?

    (Ich bin Implementierung einer form mit einer feedback-Panel, das kommt nur, wenn Javascript ausgeschaltet ist, so würde es keinen Sinn machen, hängt von JavaScript gibt...,-)

    Konnte ich nur Antworten finden, die JS verwenden .focs()... vielleicht Wicket 1.5 wird eine Methode Komponente.setFocus()...

    Es gibt keine Möglichkeit, den Fokus auf ein html-element ohne Verwendung von JavaScript. HTML nicht haben, ein tag oder Attribut, das würde es ermöglichen, diese (noch) nicht. Wenn Wicket jemals implementiert eine Komponente.setFocus () - Methode wäre es immer noch generieren, JavaScript zu aktivieren.
    Können Sie die einfache html-Attribut "autofocus". Sie können direkt hinzufügen, um die html-das erste input-tag oder dinamically hinzufügen wie " - Komponente.add(new AttributeAppender("Autofokus", ""));" Prüfen Sie meine kurze Antwort.

    InformationsquelleAutor Gregor

  5. 0

    Wenn Sie geschehen, werden mit einem Ajax-Schaltfläche, rufen Sie einfach target.focusComponent(myComponent); in der Schaltfläche onSubmit Methode.

    InformationsquelleAutor icecreamhead

  6. 0

    Für eine pop-up-wie modalWindow meine Abhilfe Lösung war die Verwendung der Attribut "autofocus" auf das erste input-tag.
    Eine einfache Lösung ist, um es in den html-Code direkt.

    <input ..... autofocus>

    Andere Lösung ist, um es der modalWindow selbst:

    @Override
public void show(AjaxRequestTarget target) {
    super.show(target);
    setUpFocus();
}

protected void setUpFocus() {
    DeepChildFirstVisitor visitor = new DeepChildFirstVisitor() {

        @Override
        public void component(Component component, IVisit<Void> iVisit) {
            if (isAutofocusable(component)) {
                component.add(new AttributeAppender("autofocus", ""));
                iVisit.stop();
            }
        }

        @Override
        public boolean preCheck(Component component) {
            return false;
        }
    };
    this.visitChildren(FormComponent.class, visitor);
}

    protected boolean isAutofocusable(Component component) {
        if (component instanceof TextArea ||
                component instanceof DropDownChoice ||
//               component instanceof RadioChoice ||
                component instanceof AjaxCheckBox ||
                component instanceof AjaxButton || 
                component instanceof TextField) {
            return true;
        }
        return false;
    }

    RadioChoice ist auskommentiert, da diese Lösung nicht arbeiten. Für RadioChoice ich würde empfehlen, zu implementieren FocusedRadioChoice:

    public class FocusedRadioChoice<T> extends RadioChoice<T> {
//constructors...
    @Override
    protected IValueMap getAdditionalAttributes(int index, T choice) {
        super.getAdditionalAttributes(0, choice);
        AttributeMap am = new AttributeMap();
        am.put("autofocus", "");
        return am;
    }
}

    InformationsquelleAutor BlondCode

Schreibe einen Kommentar