apex:inlineEditSupport

This component provides inline editing support to <apex:outputField> and various container components. In order to support inline editing, this component must also be within an <apex:form> tag.

The <apex:inlineEditSupport> component can only be a descendant of the following tags:

<apex:dataList>
<apex:dataTable>
<apex:form>
<apex:outputField>
<apex:pageBlock>
<apex:pageBlockSection>
<apex:pageBlockTable>
<apex:repeat>

See also: the inlineEdit attribute of <apex:detail>

Example

<!-- For this example to render properly, you must associate the Visualforce page 

with a valid contact record in the URL. 

For example, if 001D000000IRt53 is the contact ID, the resulting URL should be: 

https://MyDomain_login_URL/apex/myPage?id=001D000000IRt53

See the Visualforce Developer's Guide Quick Start Tutorial for more information. -->

<apex:page standardController="Contact">
    <apex:form >
        <apex:pageBlock mode="inlineEdit">
            <apex:pageBlockButtons >
                <apex:commandButton action="{!edit}" id="editButton" value="Edit"/>
                <apex:commandButton action="{!save}" id="saveButton" value="Save"/>
                <apex:commandButton onclick="resetInlineEdit()" id="cancelButton" value="Cancel"/>
            </apex:pageBlockButtons>
            <apex:pageBlockSection >
                <apex:outputField value="{!contact.lastname}">
                    <apex:inlineEditSupport showOnEdit="saveButton, cancelButton" 
                        hideOnEdit="editButton" event="ondblclick" 
                        changedStyleClass="myBoldClass" resetFunction="resetInlineEdit"/>
                </apex:outputField>
                <apex:outputField value="{!contact.accountId}"/>
                <apex:outputField value="{!contact.phone}"/>
            </apex:pageBlockSection>
        </apex:pageBlock>
    </apex:form>
</apex:page>

Attributes

Attribute Name	Attribute Type	Description	API Version	Access
`changedStyleClass`	String	The name of a CSS style class used when the contents of a field have changed.	21.0
`disabled`	Boolean	A Boolean value that indicates whether inline editing is enabled or not. If not specified, this value defaults to true.	21.0
`event`	String	The name of a standard DOM event, such as ondblclick or onmouseover, that triggers inline editing on a field.	21.0
`hideOnEdit`	Object	A comma-separated list of button IDs. These buttons hide when inline editing is activated.	21.0
`id`	String	An identifier that allows the component to be referenced by other components in the page.	10.0	global
`rendered`	Boolean	A Boolean value that specifies whether the component is rendered on the page. If not specified, this defaults to true.	21.0
`resetFunction`	String	The name of the JavaScript function that is called when values are reset.	21.0
`showOnEdit`	Object	A comma-separated list of button IDs. These buttons display when inline editing is activated.	21.0

See Also