[SalesForce] Read inputfield checkbox value from javascript

I am trying to render a component as read-only or editable based on a check-box value. The code I have used is given below.

<apex:pageBlockSection title="Relation Iformation" columns="2" id="information">
            <apex:inputField value="{!kpiRelation.KPI_Library__c}">       
                <apex:actionSupport event="onchange" action="{!UpdatePageWithKPI}" oncomplete="RenderPanels()" reRender="pageBlock" />
            </apex:inputField>                
            <apex:inputField label="Edit KPI Treshold?" value="{!kpiRelation.Edit_KPI__c}" rendered="{!kpiRelation.KPI_Library__c != ''}" id="editKpi" onchange="RenderConditions(this)"/>
</apex:pageBlockSection>

In the above code the Edit KPI threshold is a check box value. I have the below JavaScript to capture the check box value.

function RenderConditions(data) {       
        var checkBox = {!kpiRelation.Edit_KPI__c};             
        if(data != '')
            alert('The edit kpi -- '+data.value);
        if (data == 1){
            document.getElementById('{!$Component.pageBlock.condtNum}').style.display ='block';
        }else{
            document.getElementById('{!$Component.pageBlock.condtNum}').style.display ='none';            
        }
}

But when I change the value, the value I am selecting is not getting updated in the script. Can anyone tell me what I am doing wrong here?

Best Answer

Instead of using:

alert('The edit kpi -- '+data.value);

you would check like it:

alert('The edit kpi -- '+data.checked); // return true or false

Related Solutions

[SalesForce] Apex inputfield value using Javascript

You should be able to get the value of the account field by the following, Typically I like to give my form an id as well so if you were to go

<apex:form id="form1">

The following javascript is what you would want to use to get the

document.getElementById('{!$Component.form1.Saveblock.pbsectn.pbs1.acc}').value

for more information look at the section: Using $Component to Reference Components from JavaScript in the developer guide.

http://www.salesforce.com/us/developer/docs/pages/

[SalesForce] Return Boolean From Action Function called from JS

You could wrap a script in an outputPanel and rerender it on every save. Then you'd have the most up-to-date value of the variable. eg:

<apex:outputPanel id="saveResultScript">
    <script>
    function confirmProceed (){
        var dataSaved = "{!JSENCODE(dataSaved)}";
        if(dataSaved == 'false' && !isDirty) {
            if(confirm('Are you sure you wish to continue - any unsaved changes will be lost.')) {
            }
        }else {
            return false;
        }
    }
    </script>
    </apex:outputText>
</apex:outputPanel>

Outside this block we have another script tag which we'll put the isDirty variable (so it doesn't get rerendered on save)

<script>
var isDirty = false;
</script>

As long as this entire panel is rerendered on every save, we can check the newly updated dataSaved variable and the locally updated isDirty variable (you said you had a variable that performs this function on any onenter event)

This way, we don't need to talk to the controller for confirmProceed to work. Hopefully this helps a little. I feel a little unsure of your requirements, but this is something that I have done several times myself and it works pretty well.

Oh and using a RemoteAction as suggested in the comments would probably work too, as long as you keep in mind that RemoteAction methods need to be static. They definitely return a value immediately for you to act on.

Update One last thought - you could use a RemoteAction to save your data and then (depending on the result) call an actionFunction to update the dataSaved var on the controller non-statically - while you can do what you want without waiting for a rerender - this should be very performant.

Best Answer

Related Solutions

[SalesForce] Apex inputfield value using Javascript

[SalesForce] Return Boolean From Action Function called from JS

Related Topic