InplaceInput is a simple input component which displays the current value as
outputText and switches to inputText based representation after a defined event
to allow editing this value.
You could use two simplest examples below. For the first demo, just click on a label
to edit the value and
click somewhere outside the component to store this value(Or just press ENTER button).
The second example has controls for components enabled with showControls attribute.
These controls should be used in order to apply a value or cancel editing.
Controls used by inplace could be redefined using controls named facet:
Inplace Input could be rendered with span or div elements to display its value.
To change default span output, use layout attribute with block value.
The next example shows you Inplace Input component usage in dataTable. Custom event is
fired on saving a value used in this example to perform Ajax validation for the value entered.
Note: Inplaces in this example also customized with editEvent
Perform double click at any price in order to change it.