Vaadin 23: Как открыть диалоговое окно в прослушивателе изменения значения и выполнить нажатие кнопки?
Контекст: в форме Vaadin 23.2.8 есть TextField и Button.
Что я хочу сделать/ожидаемое поведение: в ValueChangeListener текстового поля должен открыться диалог. Диалог должен быть виден до тех пор, пока пользователь не закроет его. Кнопка должна выполняться в фоновом режиме (или после того, как пользователь закроет диалоговое окно, что также было бы неплохо).
Неожиданное поведение: когда пользователь вводит что-то в TextField и нажимает кнопку, диалоговое окно появляется и исчезает через долю секунды. И кнопка не выполняется.
Что работает: когда пользователь вводит что-то в TextField, затем покидает TextField (нажав где-нибудь за пределами TextField), а затем нажимает кнопку, все работает так, как ожидалось.
Код / Небольшой воспроизводимый пример:
@Route("sandbox")
public class SandboxView extends VerticalLayout {
public SandboxView() {
TextField textfield = new TextField("1. Type something");
textfield.addValueChangeListener(event -> {
new Dialog(new Text("Some text in dialog")).open();
});
this.add(textfield);
Button button = new Button("2. Click me");
button.addThemeVariants(ButtonVariant.LUMO_PRIMARY);
button.setDisableOnClick(true);
button.addClickListener(event -> {
System.out.println("Button was clicked");
button.setEnabled(true);
});
this.add(button);
}
}
Вопросы:
- Запрещено ли открывать диалог в ValueChangeListener в Vaadin?
- Что я могу сделать, чтобы получить ожидаемое поведение?
@ollitietavainen Вариант использования таков: когда пользователь изменяет значение TextField (и выполняются некоторые другие условия), система должна немедленно (= не дожидаясь сохранения действия) дать подсказку, что он / она также должен изменить это значение в другой системе (потому что обе системы должны быть синхронизированы - а автоматического интерфейса пока нет и, возможно, никогда не будет). Кнопка предназначена только для сохранения записи.
Ответы 2
Это происходит потому, что диалоговые окна по умолчанию настроены на закрытие, когда пользователь щелкает за пределами диалогового окна. Вы можете изменить это, используя метод setCloseOnOutsideClick.
Вы правы: dialog.setCloseOnOutsideClick(false); предотвращает исчезновение диалога. К сожалению, это будет единственный диалог, который не закрывается при внешнем щелчке. Могу ли я повторно активировать это через секунду или около того (достаточно долго, чтобы диалоговое окно не исчезло сразу)? Я запустил поток с Runnable, который вызывает Thread.sleep(1000); ui.access(() -> {dialog.setCloseOnOutsideClick(true);});, и он работает успешно (проверено с некоторыми вызовами System.out.println(xxx)), но диалоговое окно не закрывается при внешнем щелчке.
Вам нужно активировать @Push или опрос пользовательского интерфейса, чтобы асинхронный access оказал немедленное влияние. В этом случае опрос может быть более подходящим, поскольку он необходим только в этом случае. Если вы сделаете это так, вы также можете восстановить функцию в прослушивателе опроса вместо отправки отдельного потока.
Подход, который работает для меня сейчас, заключается в том, чтобы показывать Notification вместо Dialog.
При открытии диалога (даже с dialog.setCloseOnOutsideClick(false) - хороший намек на Лейфа) иногда возникали другие побочные эффекты:
- Например. Button ClickListener не выполнился или даже завис (из-за того, что
setDisableOnClick(true)Button был отключен, но ClickListener не был вызван, и поэтому он не мог повторно активировать Button, вызвавsetEnabled(true)). - Также некоторые другие события пользовательского интерфейса не происходили надежно при открытии диалогового окна, например. открытие элемента
Details.
К сожалению, я не смог воспроизвести эти эффекты в небольшом примере кода.
При приеме Notification ни один из этих побочных эффектов не возникал.
Ваше ожидаемое поведение по-прежнему описывает техническую реализацию того, как вы пытаетесь что-то сделать. Какого поведения пользовательского интерфейса вы хотите добиться?