[SalesForce] Assign Ids dynamically to Apex:inputField

I'm trying to assign Id to my inputField dynamically, those input fields are coming from field sets.
These Ids needs to be assigned to those fields which are required in database.

On giving Id dynamically I'm getting Literal value is required for attribute id in error.

Based on those ids I need to perform some check in javascript, before saving the record.

<apex:outputPanel id="mySalesforceFields">
  <apex:repeat value="{!fieldSetMemberList}" var="field">
    <apex:inputField value="{!sObject[field]}" required="{!if((field.dbRequired || field.required), true,false)}" 
    id="{!if((field.dbRequired || field.required), field.label,'')}" />

  </apex:repeat>
</apex:outputPanel>

Best Answer

You can't dynamically assign the Visualforce id attribute. You can, however, assign data- attributes or pass through html- attributes. See, for example, Setting Custom HTML Attributes on Visualforce Components . Make sure you use a unique value such as the field's API Name rather than its Label if you decide to pass through an html-id.

Probably better to use data- attributes. You can still select on them.

<apex:inputField ... html-data-id="{!field}"
    html-data-required="{!OR(field.required, field.dbRequired)}" />

Related Solutions

[SalesForce] Style apex:inputText as required within apex:pageBlockSectionItem

While writing out the question I came up with one possible solution. Just enclose the inputField and the additional divs in an outputPanel.

Hopefully it helps someone else who has this requirement.

<apex:pageBlock id="dropBlock" mode="edit">
    <apex:pageBlockSection title="Elements" columns="1" showHeader="false">
        <!-- ... a number of other pageBlockSectionItems-->  
        <apex:pageBlockSectionItem >
            <apex:outputLabel value="Required String Property" />
            <apex:outputPanel layout="block" styleClass="requiredInput">
                    <div class="requiredBlock"></div>
                    <apex:inputText value="{!innerClassInstance.innerClassField}" required="true"/>
            </apex:outputPanel>
        </apex:pageBlockSectionItem>
    </apex:pageBlockSection>
</apex:pageBlock>

[SalesForce] Dynamically assign div IDs

Yes you can use merge fields and it will work

<apex:repeat value="{!cells}" var="gc">
                    <tr>
                        <th class="boardLetters">{!letters[letterIndex]}</th>                          
                        <apex:repeat value="{!letters}" var="gp">
                            <td style="background-color: {!IF(MOD(index,2)==0, '#191919', '#A73131')}">
                                <apex:variable var="index" value="{!index+1}"/>                                   
                                <div class="tiles" id="{!gp}{!gc}">
                                </div>
                            </td>       
                        </apex:repeat>
                        <apex:variable var="index" value="{!index-1}"/>
                    </tr>     
                    <apex:variable var="letterIndex" value="{!letterIndex+1}"/>
                </apex:repeat>

If you also need index ,try using maps in visualforce

https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_dynamic_vf_maps_lists.htm

Best Answer

Related Solutions

[SalesForce] Style apex:inputText as required within apex:pageBlockSectionItem

[SalesForce] Dynamically assign div IDs

Related Topic