[SalesForce] Is it possible to exclude fields from inline editing

With visualforce, I'm using <apex:inlineEditSupport /> inside e.g. <apex:pageBlockTable> quite often. It makes all outputFields editable. Fine. Now, is there a way to exclude some fields from being editable, e.g. you have {!sample__c.startDate__c} and {!sample__c.endDate__c} and want only startDate__c to be editable?

I know, there is <apex:outputText> which does exactly that, but <apex:outputText> can't handle localized dates as you will find on various places:
https://salesforce.stackexchange.com/search?q=visualforce+date+format
Without further investigation, I simply assume outputText will also end up in mess when it comes to localized time, numbers, currency and so on. In short, for most of my use-cases outputText simply sucks in the way it seems to be intentionally designed for now.

So I think a have to stick with outputField, which does all the localizations like a charm – but then I have to find a way to somehow break the inline-edit for some exceptions, which I want not to be editable. Probably I'll find it when a start to play around with the JS for a while… but I'm just wondering if anyone found it already? Clean, less-hackish approaches preferred.

Best Answer

According to the Docs.... Reference

Can't you just wrap set your specific fields you want to disable?

IE:

     <apex:outputField value="{!contact.firstname}">
          <apex:inlineEditSupport disabled="false"/>
     </apex:outputField>
     <apex:outputField value="{!contact.lastname}">
          <apex:inlineEditSupport disabled="true"/>
     </apex:outputField>

Related Solutions

[SalesForce] Rerender from inline editing without saving

Yes you can do that. It works fine like on any other page without inline edit support. Here a simple example how to implement this:

Controller:

public with sharing class TestInlineEdit{
    public Account acc { get; set; }

    // Defining an extra boolean variable for rerendering
    public Boolean myBoolean { get; set; }

    public TestInlineEdit(){
        myBoolean = false;
        acc = [Select id, Name, Street__c 
               From Account 
               Where Street__c != null Limit 1];
    }
}

Page:

<apex:page controller="TestInlineEdit">
<apex:form >
    <apex:pageBlock id="myBlock">
        <apex:pageBlockButtons location="top">
            <apex:commandButton id="cancelButton" value="Cancel" style="display:none;"/>

            <!-- Checkbox to show or hide another field -->
            <apex:outputLabel value="Show another field:" for="mycheckbox"/>
            <apex:inputCheckbox value="{!myBoolean}">
                <apex:actionSupport reRender="mySection" event="onchange" id="mycheckbox"/>
            </apex:inputCheckbox>

        </apex:pageBlockButtons>

        <apex:pageBlockSection id="mySection">
            <apex:outputField value="{!acc.Name}"/>
            <apex:outputField value="{!acc.Street__c}" rendered="{!myBoolean}"/>
        </apex:pageBlockSection>

        <apex:inlineEditSupport showOnEdit="cancelButton"
                                resetFunction="reset"
                                event="ondblclick" />
    </apex:pageBlock>
</apex:form>
</apex:page>

A normal state without any editing:

enter image description here

Then editing the first field just to show that a new value will not disappear after rerender:

enter image description here

And now cklicking on the checkbox and the second field appears:

enter image description here

[SalesForce] Inline editing not working properly as it should

Added an funtion

<script>           
    $j = jQuery.noConflict();  
    function dummyClick()
    {
      $j('body').click();
      return true;
    }             
</script>

<apex:commandButton onclick="dummyClick();" action="{!saveCompanyInfo}" />

Called it before sumit fires. In order to make this working you require to have jquery added in your VF Page.

<apex:page controller="onePage" tabStyle="Approvals__tab">
    <apex:includeScript value="https://code.jquery.com/jquery-1.10.2.min.js"/>
    <apex:includeScript value="https://code.jquery.com/ui/1.10.3/jquery-ui.js"/>
    <apex:stylesheet value="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

Related Topic