- In the editor,
editable
is the default state. - So, style each cell in the row to look editable.
- Then, add a
readonly
state and style each element to look read-only. - The state will automatically be set by the datagrid component as the 'edit' pencil is clicked.
- Add a new input field named
Editable Datagrid Row ID?
- Add a workflow to Edit (Pencil) button that changes the
Editable Datagrid Row ID?
field value to theUnique id
of the row. - Add a workflow to the Save and Cancel buttons that clears the
Editable Datagrid Row ID?
field value. - Bind the checkbox component's
Read only
property where theEditable Datagrid Row ID?
!=Unique id
.