[SalesForce] Finding a component using Global Id : salesforce lightning

I am new to this. Based on our project req. I have to create unique aura:id to support dynamic appending of elements. I researched on this aura:id does not support expression. Two question

Can I use global id like <a id = "{! GlobalId + '_tab' + index}"> where anchor tag will be in an iteration; so that i have a unique id for each anchor tag.
How can i get this unique id; the way i am using right now is

var globalId = component.getGlobalId(); globalId = globalId + "_tab0";

var activeTab = component.find(globalId);

$A.util.addClass(activeTab,'slds-active');

I am getting the global id but how to find an element with global id?

Is this approach right?

Best Answer

On your lightning component markup - lets say you use iteration so you have the index variable from it, and you define your GlobalId as an attribute:

<aura:attribute name="GlobalId" type="String" access="GLOBAL" description="my id" />
<aura:attribute name="contacts" type="Contact[]" access="GLOBAL" description="list of my standard contacts" />
<aura:iteration items="{!v.contacts}" var="contact" indexVar="index">              
    <a aura:id="{! v.GlobalId + '_tab' + index}"> </a>
</aura:iteration>

Now your controller should get the id correctly

Related Solutions

[SalesForce] $Resource global variable is not available in Lightning Component

I suspect that you fall into one of the following:

1) Your code is within a managed package, in which case you would need to alter the reference to include the namespace prefix. If your namespace was 'mynamespace' then you would need the following:

<ltng:require styles="{!$Resource.mynamespace__leaflet + '/leaflet.css'}" 
              scripts="{!$Resource.mynamespace__leaflet + '/leaflet.js'}" 
              afterScriptsLoaded="{!c.jsLoaded}" />

2) Your code is within a component that does not have a client-side controller. In this case your component will be rendered server-side and the $Resource value provider does not work there.

First, $Resource isn’t available until the Lightning Component framework is loaded on the client. Some very simple components that are composed of only markup can be rendered server-side, where $Resource isn’t available. To avoid this, when you create a new app, stub out a client-side controller to force components to be rendered on the client.

Documentation at https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/expr_resource_value_provider.htm

[SalesForce] Using ObjectType global variable in lightning component

Ligthning expressions are not the same as visual force expressions.

the list of global value providers are described here

Lightning expression support arrow braces only for accessing arrays, so there expected the integer index

Best Answer

Related Solutions

[SalesForce] $Resource global variable is not available in Lightning Component

[SalesForce] Using ObjectType global variable in lightning component

Related Topic