[SalesForce] Can you set a visualforce apex attribute dynamically using javascript

I'm trying to dynamically set the showDatePickerattribute of an apex input field to get around a strange bug I've been experiencing. I've tried setting attributes using document.getElementbyID('{!component.id}').label="new label" and nothing seems to change even though the method is called. Do I need to rerender the input field or the panel that it's in for attribute changes to take effect or are they unchangeable after the window loads?

Best Answer

showDatePicker is a custom salesforce attribute. So if you want to change it on the page, you will have to assign it with a boolean property value in controller and rerender.

<apex:inputField value="{!object.DateField__c}" showDatePicker="{!booleanProperty}" id="fieldId"/>

Also as per salesforce documentation, it works only in some type of fields,

This attribute only affects date and datetime fields, and activating a browser-based type-appropriate selection widget requires the type attribute be set to one of these date- or time-compatible types:

date datetime datetime-local month week time

Label will be a rendering as a different label tag associated with the field. So if you use select field using javascript and change label, it will not change actual label of the field. Use inspect element/browser console to find rendered HTML elements and select accordingly

Related Solutions

[SalesForce] How we can pass reRender attribute value using JavaScript

I'm not sure you'll be able to do this as the parameter is processed by the server when the page is displayed to the user — even if you can it's likely to be hacky and at risk of breaking later down the road. Depending on your scenario it might be easier to leverage Visualforce remoting to move data back and forth and then to generate new output HTML accordingly.

If that's not an option, would be be disastrous to just skip the re-render and render the whole page again? Not perfect but a much simpler solution!

[SalesForce] taborderhint attribute on an input field inside an apex repeat

One thing I've also tried was setting the standard html attribute tabIndex, although I overlooked the html- prefix when trying to assign pass-through html attributes so it didn't work the first time of course. The solution was to use the attribute html-tabIndex in which you can write your eval formula of how to calculate your tab order. So this is how I got the vertical tab order working, please answer if you have a better approach!

<!-- Some other fields with tab index up to 13 -->

<apex:variable var="indexL" value="{!14}" /> <!-- starting tab order for the field set - left index (first column) -->
<apex:variable var="indexR" value="{!indexL + ($ObjectType.MyCustomObject__c.FieldSets.MyFieldSet.size / 2)}" /> <!-- starting number for the fields in the 2nd column, half of the size of the total fields in the field set -->
<apex:variable var="index" value="{!1}" /> <!-- current iteration index -->

<apex:pageBlockSection columns="2" showHeader="true" collapsible="false">
    <apex:repeat value="{!$ObjectType.MyCustomObject__c.FieldSets.MyFieldSet}" var="fieldName">
        <!-- if it's an odd iteration number - use left index, even iteration number - right index -->
        <apex:inputField value="{!opportunity[fieldName]}" styleClass="input200" html-tabIndex="{!IF(MOD(index, 2) != 0, indexL, indexR)}">
            <!-- increase corresponding index -->
            <apex:variable var="indexL" value="{!indexL + 1}" rendered="{!MOD(index, 2) != 0}" />
            <apex:variable var="indexR" value="{!indexR + 1}" rendered="{!MOD(index, 2) == 0}" />
            <!-- increase current iteration index -->
            <apex:variable var="index" value="{!index + 1}" />
        </apex:inputField>
    </apex:repeat>
</apex:pageBlockSection>

Best Answer

Related Solutions

[SalesForce] How we can pass reRender attribute value using JavaScript

[SalesForce] taborderhint attribute on an input field inside an apex repeat

Related Topic