Vaadin ConfirmDialog如何将初始焦点设置到Cancel按钮？

针对删除这类破坏性操作的确认对话框，确实得避免初始焦点落在Delete按钮上——毕竟用户不小心按回车就会触发误删。之前提到的交换按钮顺序再改主题的方案，不仅会把Delete按钮（主操作）挤到左边，不符合常规UI布局逻辑，还容易让后续维护的开发者搞混事件监听和按钮的对应关系，实在不太友好。

给你个更直接的方案：不用动按钮顺序，直接通过Vaadin的API获取Cancel按钮，在对话框打开时把焦点设置到它上面就行。代码示例如下：

ConfirmDialog dialog = new ConfirmDialog(
    "Delete Person",
    "Do you really want to delete Person?",
    "Delete",
    deleteEvent -> { Notification.show("Delete was clicked");},
    "Cancel",
    cancelEvent -> { Notification.show("Cancel was clicked");}
);

// 监听Cancel按钮的附加事件，一旦渲染到DOM就设置焦点
dialog.getCancelButton().addAttachListener(attachEvent -> {
    attachEvent.getSource().focus();
});

// 打开对话框
dialog.open();

这个方法的好处很明显：

• 保持原有按钮布局，Delete按钮仍在右侧（符合用户操作习惯）
• 事件监听逻辑完全不变，不会给后续维护添乱
• 精准控制初始焦点，从根源避免误按回车触发删除操作

内容的提问来源于stack exchange，提问作者peterh