无法在 GWT 应用程序中将焦点设置在 TextBox 上

Question

这不应该给我带来如此多的痛苦，但事实确实如此。这是一个非常奇怪的问题。在 GWT 应用程序中，我有两个 .java 文件：login.java 和 application.java。 在login.java 中，我正在创建一个用户登录页面，如果用户名和密码经过验证，则用户将登录到应用程序，application.java 将从此处获取。

现在正在申请中。 java 的 onModuleLoad() 这就是我从登录页面开始的方式。

public void onModuleLoad() {
  Login login = new Login();
  login.textBoxUsername.setFocus(true);
  RootLayoutPanel.get().add(login);}

除了页面加载时无法将焦点设置在用户名 TextBox 上的小问题之外，这非常有效。我已经尝试了我能想到的一切。但焦点并未设置在 TextBox 上。如果有人可以提出解决方案，请这样做。非常感谢您的帮助。

解决方案：（如果它可以帮助任何面临同样问题的人）

final Login login = new Login();
  Scheduler.get().scheduleDeferred(new ScheduledCommand() {
        public void execute () {
            login.textBoxUsername.setFocus(true);
        }
   });

  RootLayoutPanel.get().add(login);

Answer 1

尝试使用 Scheduler.scheduleDeferred()：

public void onModuleLoad() {
    Login login = new Login();
    Scheduler.get().scheduleDeferred(new Scheduler.ScheduledCommand () {
        public void execute () {
            login.textBoxUsername.setFocus(true);
        }
    });
    RootLayoutPanel.get().add(login);       
}

更新：答案已更新使用 Scheduler.get().scheduleDeferred() 而不是 DeferredCommand，已弃用。

Answer 2

为什么使用DefferedCommand，我认为最好使用someWidget.getElement().focus()，它是原生的Javascript。我到处都在使用它，没有发现任何问题。

Answer 3

如果您的 Widget 扩展了 Composite，您可以：

@Override
protected void onAttach() {
    super.onAttach();
    textBoxUsername.setFocus(true);
}

Answer 4

GWT 可以很容易地在内部状态中存储“wantsFocus”，并在附加小部件后调用焦点。然而，多年后我们仍在等待该功能...

尽管如此，即使在调用附加处理程序之后，setFocus 也并不总是有效。

因此，与此同时，我们的 GwtUtil 库使用了以下代码。它是其他几种解决方案的组合，并被包装在一个实用函数中：

static public void setFocus(final FocusWidget focusWidget) {
    if (focusWidget.isAttached()) {
        Scheduler.get().scheduleDeferred(new Scheduler.ScheduledCommand() {
            @Override
            public void execute() {
                focusWidget.setFocus(true);
            }
        });
    } else {
        focusWidget.addAttachHandler(new AttachEvent.Handler() {
            @Override
            public void onAttachOrDetach(AttachEvent event) {
                if (event.isAttached()) {
                    Scheduler.get().scheduleDeferred(new Scheduler.ScheduledCommand() {
                        @Override
                        public void execute() {
                            focusWidget.setFocus(true);
                        }
                    });
                }
            }
        });
    }
}

并像这样调用它：

setFocus(myTextBox);

使用实用函数是有意义的；如果 GWT 最终使 setFocus 工作，您将不必在多个位置更改源代码。