[SalesForce] Accessing a map with dynamic key (a javascript string valiable )

I am in a situation where i have a map in my Apex code and i want to access its data with a key that i am passing through my javascript function. I tried with a couple of things that include directly putting js variable as a key but it gives error :

Error: Unknown property

I also tried with assigning the value of javascript variable to visualforce variable within my javascript if else confitions. but that doesnt work too.. here is my code snippit.

    if( strName == 'ABC' ){
            alert(strSurveyName);
            <apex:variable var="keySurveyName" value = "ABC" />
    }else if( strName == 'XYZ' ){
            alert(strSurveyName);
            <apex:variable var="keySurveyName" value = "XYZ" />
    }

console.log("{!keySurveyName}");

<apex:repeat value="{!StatusObjMap[keySurveyName]}" var="temp">
.....
.....
.....

In both the conditions it displays XYZ in output for the last debug statement. Any help would be highly appriciated.

Best Answer

You can't use a javascript variable as a visualforce key to an apex map, because the Visualforce is evaluated server side, then rendered down to the browser where the javascript runs. The Visualforce renderer does not know about or understand your javascript variables.

You will need to think of a different way of solving your problem.

EDIT: which is what @KeithC said in his comment...

Related Solutions

[SalesForce] How to create Map> in Javascript

You have to create the key as an array, first.

// Create an empty Object
var aMap = {};
function addValueToKey(key, value) {
    // Shorcut || returns left side if it is "truthy," or the right otherwise.
    // This means that we only assign a new Array to the Object's property
    // if it has not previously been used.
    aMap[key] = aMap[key] || [];
    // Adds a value to the end of the Array
    aMap[key].push(value);
}

Once browsers support the new logical nullish assignment, we can write the code more gracefully (this will apply to LWC only):

var aMap = {};
function addValueToKey(key, value) {
  aMap[key] ??= [];
  aMap[key].push(value);
}

Where ??= reads "Assign the value on the right to the left, only if the left is null/undefined", and will become the new standard for someVar[key] = someVar[key] || newValue.

[SalesForce] Render Based on Map Keys

You can iterate through map keys and rerender section if particular key is specified:

public with sharing class MyController {
    Public Map<string,decimal> rawMap{get;set;}
    public MyController() {
        rawMap = new Map<string,decimal>();
        rawMap.put('Closed Lost', 11.1); 
    }
}

<apex:page controller="MyController" tabStyle="Account">
    <apex:form >
        <apex:pageBlock title="My Content"> 
            <apex:repeat value="{!rawMap}" var="dirKey">
                <apex:outputPanel rendered="{!dirKey=='Closed Lost'}">
                        <apex:outputText value="Closed Lost" />
                </apex:outputPanel>
                <apex:outputPanel rendered="{!dirKey=='Closed Won'}">
                    <apex:outputText value="Closed Won" />
                </apex:outputPanel>
            </apex:repeat>
        </apex:pageBlock> 
    </apex:form>
</apex:page>

Best Answer

Related Solutions

[SalesForce] How to create Map> in Javascript

[SalesForce] Render Based on Map Keys

Related Topic