The Grid
component displays data as records in rows and columns. Therefore, it can show a good number of records at a time, especially if it is configured with pagination. A natural consequence of this is the need to be able to edit the records being displayed. Although there will always be many ways of editing records in a grid, such as double-clicking to reveal a form, inline editing turns out to be the simplest and most intuitive approach from the user perspective.
Inline editing in a GXT grid entails a click (or double click if configured) on a record to reveal input controls that allow entry of validated data just as in a GXT FormPanel
.
The default inline editing in a GXT grid allows entry of data on a per-column basis in a particular row. However, we can use the RowEditor
plugin which displays an overlay above the row being edited and presents input controls for every editable column in the row at once as well as a cancel and a save button, allowing...