Try the simplest example below. Just click on a label to edit the value and click somewhere outside the component to store this value(Or just press ENTER button).

In that sample component customized in next way:

- f:selectItems tag is used to define a list of items to use.
- Controls "save" and "cancel" are turned on with showControls attribute
- editEvent set to dblclick and used to switch to edit state.
- saveOnSelect defined as false causes component not to store value right after choosing but wait till buttons will be used or focus lost.
- saveOnBlur defined as false causes component to cancel new value if it was chosen and focus was lost without save button activation. That could be useful on interfaces where every change causes long processing. And if use true value - it will works like in spreadsheets where leaving the changed field causes new value to be applied.