Установить фокус на компонент с помощью Apache Wicket?

Как только вы создадите свое поведение для установки фокуса, вы сможете добавить его к компоненту для любого события, просто убедитесь, что этот компонент является частью AjaxRequestTarget. Я не понимаю, почему это не сработает...

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

Вот ссылка, которая показывает, как создать поведение фокуса по умолчанию, если у вас его еще нет: http://javathoughts.capesugarbird.com/2009/01/wicket-and-default-focus-behavior.html

Я предлагаю использовать родной org.apache.wicket.ajax.AjaxRequestTarget#focusComponent(). Например:

/**
 * 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)

Если вы хотите установить фокус только через javascript и не хотите перезагружать форму или компонент, вы можете использовать следующий код:

import org.apache.wicket.Component;

public class JavascriptUtils {
    private JavascriptUtils() {

    }

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

И затем в любом методе Ajax вы можете использовать:

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

Для всплывающего окна, такого как modalWindow, моим обходным решением было использование атрибута "autofocus" в первом входном теге. Простое решение — добавить его непосредственно в html.

<input ..... autofocus>

Другое решение — добавить его в само окно modalWindow:

@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 закомментирован, потому что это решение не работает. Для RadioChoice я бы рекомендовал реализовать 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;
    }
}

Есть ли способ добиться того же без JavaScript?

(Я реализую форму с панелью обратной связи, которая появляется только при отключенном Javascript, поэтому не имеет смысла зависеть там от JavaScript...,-)

Я мог найти только ответы, которые используют JS .focs()... возможно, Wicket 1.5 предоставит метод Component.setFocus()...

Если вы используете кнопку Ajax, вы можете просто вызвать target.focusComponent(myComponent); в методе onSubmit кнопки.

Решение @martin-g было единственным решением, которое заставило его работать для моего сценария - модальное/всплывающее окно.

Примечание: я думаю, что автофокусировка, явно встроенная в HTML, работает только при загрузке страницы, а не при загрузке модального окна, поэтому любые попытки умело установить атрибут автофокуса в HTML модального окна просто терпят неудачу - всегда.

Здесь я излагаю шаги для установки фокуса на поле ввода под названием «myInput», используя всю мощь Wicket (без JS!):

В onInitialize:

// Make sure the field has an ID in markup
myInput.setOutoutMarkupId(true);

Предоставьте переопределенный метод show, в котором вы вызываете метод focusComponent:

public void show(AjaxRequestTarget target)
{
    // Make sure you call the super method first!
    super.show(target);

    target.focusComponent(myInput);
}

Это требует, чтобы ваш компонент был атрибутом вашего класса модального контента, чтобы вы могли получить к нему доступ в методе show. Чтобы избежать создания атрибута класса для вашего компонента ввода, вы можете смешать это решение с решением из BlondCode, заменив это решение

component.add(new AttributeAppender("autofocus", ""));

с участием

target.focusComponent(component);

Это тоже работает!