Data-Centric Applications with Vaadin 8

Modal pop-up windows

This kind of user interface shows a modal window anytime the user wants to create, modify, or delete a record. A first approach to this is to combine in-place editors with modal windows. When the user clicks or double-clicks a row, an editor is placed on top of the row, showing all the input fields required to edit the data, and the buttons to cancel the action or save the data. This is exactly what Grid editors are in Vaadin Framework, as shown in the following screenshot:

This is enabled as follows:

grid.getEditor().setEnabled(true);

A second approach is to actually show a modal window that blocks any other interaction ...