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.
See also: the inlineEdit attribute of <apex:detail>
<!-- 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://Salesforce_instance/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>
Attribute Name | Attribute Type | Description | Required? | 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 |