How to find a dynamically assigned aura:id?<ui:inputText /> cannot get aura:idAura:Id of dynamically created compontns cannot be accessedProblems “find”ing a dynamically created child componentDynamically created component with aura:id, set as a Facet inside a parent component, is not found when calling find() and passing in aura:idfind() elements in !v.bodyAura Iterate, get the aura:id of a spanSet lightning component aura:id attribute dynamically while creating the componentShow/Hide Multiple Div on basis of Aura:ID in Lightning?Two aura:id for one lightning component. Is it possible?How to migrate aura:id to Lightning Web Components
How did old MS-DOS games utilize various graphic cards?
Passing multiple files through stdin (over ssh)
Is it legal for a bar bouncer to conficaste a fake ID
What is wrong with this proof that symmetric matrices commute?
Share calendar details request from manager's manager
Someone whose aspirations exceed abilities or means
Were Alexander the Great and Hephaestion lovers?
Medieval flying castle propulsion
Why did the Herschel Space Telescope need helium coolant?
How can I get an unreasonable manager to approve time off?
Why is one of Madera Municipal's runways labelled with only "R" on both sides?
Does Disney no longer produce hand-drawn cartoon films?
bash script: "*.jpg" expansion not working as expected inside $(...), for picking a random file
Recommended tools for graphs and charts
Second (easy access) account in case my bank screws up
How come the nude protesters were not arrested?
Can U.S. Tax Forms Be Legally HTMLified?
How to handle self harm scars on the arm in work environment?
How to forge a multi-part weapon?
Compiling C files on Ubuntu and using the executable on Windows
What is the `some` keyword in SwiftUI?
How can I end combat quickly when the outcome is inevitable?
Should I give professor gift at the beginning of my PhD?
What makes Ada the language of choice for the ISS's safety-critical systems?
How to find a dynamically assigned aura:id?
<ui:inputText /> cannot get aura:idAura:Id of dynamically created compontns cannot be accessedProblems “find”ing a dynamically created child componentDynamically created component with aura:id, set as a Facet inside a parent component, is not found when calling find() and passing in aura:idfind() elements in !v.bodyAura Iterate, get the aura:id of a spanSet lightning component aura:id attribute dynamically while creating the componentShow/Hide Multiple Div on basis of Aura:ID in Lightning?Two aura:id for one lightning component. Is it possible?How to migrate aura:id to Lightning Web Components
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I'm looking for getting a dynamically assigned Aura:id. Below is my attempt to read it in Lightning:recordEditForm.
Component markup:
<aura:component >
<aura:handler name="init" value="!this" action="!c.init" />
<aura:attribute name="conid" type="Id" default="null" />
<aura:attribute name="fields" type="String[]" default="['Email','Birthdate']" />
<lightning:recordEditForm aura:id="conRecEdit" objectApiName="Contact" recordid="!v.conid" >
<lightning:messages />
<lightning:inputField aura:id="fname" fieldName="FirstName"/>
<lightning:inputField aura:id="lname" fieldName="LastName"/>
<aura:iteration items="!v.fields" var="f" >
<lightning:inputField aura:id="!f" fieldName="!f"/>
</aura:iteration>
<lightning:button type="button" label="test" onclick="!c.checkValue" />
</lightning:recordEditForm>
</aura:component>
JS Controller:
(
init : function(component, event, helper)
var fld = component.find('fname');
console.log('fld '+fld);
if (fld!=null)
fld.set('v.value', 'new name');
var fld1 = component.find('Email');
console.log('fld1 '+fld1);
if (fld1!=null)
fld1.set('v.value', 'test@test.com');
,
checkValue: function(component, event, helper)
var fld1 = component.find('Email');
console.log('fld1 '+fld1);
if (fld1!=null)
fld1.set('v.value', 'test@test.com');
,
)
If we assign aura:id hard-coding it, it works perfectly fine. But if the id is assigned dynamically, seems it's not possible to find here.
Any clues, suggestions to workaround reading the aura:id in above working example. Much Appreciated!
Thanks!
lightning-aura-components lightning lightning-recordeditform aura-id
add a comment |
I'm looking for getting a dynamically assigned Aura:id. Below is my attempt to read it in Lightning:recordEditForm.
Component markup:
<aura:component >
<aura:handler name="init" value="!this" action="!c.init" />
<aura:attribute name="conid" type="Id" default="null" />
<aura:attribute name="fields" type="String[]" default="['Email','Birthdate']" />
<lightning:recordEditForm aura:id="conRecEdit" objectApiName="Contact" recordid="!v.conid" >
<lightning:messages />
<lightning:inputField aura:id="fname" fieldName="FirstName"/>
<lightning:inputField aura:id="lname" fieldName="LastName"/>
<aura:iteration items="!v.fields" var="f" >
<lightning:inputField aura:id="!f" fieldName="!f"/>
</aura:iteration>
<lightning:button type="button" label="test" onclick="!c.checkValue" />
</lightning:recordEditForm>
</aura:component>
JS Controller:
(
init : function(component, event, helper)
var fld = component.find('fname');
console.log('fld '+fld);
if (fld!=null)
fld.set('v.value', 'new name');
var fld1 = component.find('Email');
console.log('fld1 '+fld1);
if (fld1!=null)
fld1.set('v.value', 'test@test.com');
,
checkValue: function(component, event, helper)
var fld1 = component.find('Email');
console.log('fld1 '+fld1);
if (fld1!=null)
fld1.set('v.value', 'test@test.com');
,
)
If we assign aura:id hard-coding it, it works perfectly fine. But if the id is assigned dynamically, seems it's not possible to find here.
Any clues, suggestions to workaround reading the aura:id in above working example. Much Appreciated!
Thanks!
lightning-aura-components lightning lightning-recordeditform aura-id
add a comment |
I'm looking for getting a dynamically assigned Aura:id. Below is my attempt to read it in Lightning:recordEditForm.
Component markup:
<aura:component >
<aura:handler name="init" value="!this" action="!c.init" />
<aura:attribute name="conid" type="Id" default="null" />
<aura:attribute name="fields" type="String[]" default="['Email','Birthdate']" />
<lightning:recordEditForm aura:id="conRecEdit" objectApiName="Contact" recordid="!v.conid" >
<lightning:messages />
<lightning:inputField aura:id="fname" fieldName="FirstName"/>
<lightning:inputField aura:id="lname" fieldName="LastName"/>
<aura:iteration items="!v.fields" var="f" >
<lightning:inputField aura:id="!f" fieldName="!f"/>
</aura:iteration>
<lightning:button type="button" label="test" onclick="!c.checkValue" />
</lightning:recordEditForm>
</aura:component>
JS Controller:
(
init : function(component, event, helper)
var fld = component.find('fname');
console.log('fld '+fld);
if (fld!=null)
fld.set('v.value', 'new name');
var fld1 = component.find('Email');
console.log('fld1 '+fld1);
if (fld1!=null)
fld1.set('v.value', 'test@test.com');
,
checkValue: function(component, event, helper)
var fld1 = component.find('Email');
console.log('fld1 '+fld1);
if (fld1!=null)
fld1.set('v.value', 'test@test.com');
,
)
If we assign aura:id hard-coding it, it works perfectly fine. But if the id is assigned dynamically, seems it's not possible to find here.
Any clues, suggestions to workaround reading the aura:id in above working example. Much Appreciated!
Thanks!
lightning-aura-components lightning lightning-recordeditform aura-id
I'm looking for getting a dynamically assigned Aura:id. Below is my attempt to read it in Lightning:recordEditForm.
Component markup:
<aura:component >
<aura:handler name="init" value="!this" action="!c.init" />
<aura:attribute name="conid" type="Id" default="null" />
<aura:attribute name="fields" type="String[]" default="['Email','Birthdate']" />
<lightning:recordEditForm aura:id="conRecEdit" objectApiName="Contact" recordid="!v.conid" >
<lightning:messages />
<lightning:inputField aura:id="fname" fieldName="FirstName"/>
<lightning:inputField aura:id="lname" fieldName="LastName"/>
<aura:iteration items="!v.fields" var="f" >
<lightning:inputField aura:id="!f" fieldName="!f"/>
</aura:iteration>
<lightning:button type="button" label="test" onclick="!c.checkValue" />
</lightning:recordEditForm>
</aura:component>
JS Controller:
(
init : function(component, event, helper)
var fld = component.find('fname');
console.log('fld '+fld);
if (fld!=null)
fld.set('v.value', 'new name');
var fld1 = component.find('Email');
console.log('fld1 '+fld1);
if (fld1!=null)
fld1.set('v.value', 'test@test.com');
,
checkValue: function(component, event, helper)
var fld1 = component.find('Email');
console.log('fld1 '+fld1);
if (fld1!=null)
fld1.set('v.value', 'test@test.com');
,
)
If we assign aura:id hard-coding it, it works perfectly fine. But if the id is assigned dynamically, seems it's not possible to find here.
Any clues, suggestions to workaround reading the aura:id in above working example. Much Appreciated!
Thanks!
lightning-aura-components lightning lightning-recordeditform aura-id
lightning-aura-components lightning lightning-recordeditform aura-id
asked May 21 at 22:30
PasanEPasanE
1,00321434
1,00321434
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
aura:id
can't be populated dynamically:
aura:id
doesn't support expressions. You can only assign literal string values toaura:id
.
Instead, give all of your <lightning:inputField>
components a common aura:id
so that you can find them, and then filter by the fieldName
attribute:
<aura:iteration items="!v.fields" var="f" >
<lightning:inputField aura:id="contactField" fieldName="!f"/>
</aura:iteration>
then
let emailField = component.find('contactField').filter(x => x.get('v.fieldName') === 'Email')[0];
emailField.set('v.value', 'test@test.com');
Hi @David Reed Thank you, and appreciate for your help. worked perfect.
– PasanE
May 21 at 23:28
Probably could useconst
rather thanlet
.
– Adrian Larson♦
May 21 at 23:33
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "459"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f263240%2fhow-to-find-a-dynamically-assigned-auraid%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
aura:id
can't be populated dynamically:
aura:id
doesn't support expressions. You can only assign literal string values toaura:id
.
Instead, give all of your <lightning:inputField>
components a common aura:id
so that you can find them, and then filter by the fieldName
attribute:
<aura:iteration items="!v.fields" var="f" >
<lightning:inputField aura:id="contactField" fieldName="!f"/>
</aura:iteration>
then
let emailField = component.find('contactField').filter(x => x.get('v.fieldName') === 'Email')[0];
emailField.set('v.value', 'test@test.com');
Hi @David Reed Thank you, and appreciate for your help. worked perfect.
– PasanE
May 21 at 23:28
Probably could useconst
rather thanlet
.
– Adrian Larson♦
May 21 at 23:33
add a comment |
aura:id
can't be populated dynamically:
aura:id
doesn't support expressions. You can only assign literal string values toaura:id
.
Instead, give all of your <lightning:inputField>
components a common aura:id
so that you can find them, and then filter by the fieldName
attribute:
<aura:iteration items="!v.fields" var="f" >
<lightning:inputField aura:id="contactField" fieldName="!f"/>
</aura:iteration>
then
let emailField = component.find('contactField').filter(x => x.get('v.fieldName') === 'Email')[0];
emailField.set('v.value', 'test@test.com');
Hi @David Reed Thank you, and appreciate for your help. worked perfect.
– PasanE
May 21 at 23:28
Probably could useconst
rather thanlet
.
– Adrian Larson♦
May 21 at 23:33
add a comment |
aura:id
can't be populated dynamically:
aura:id
doesn't support expressions. You can only assign literal string values toaura:id
.
Instead, give all of your <lightning:inputField>
components a common aura:id
so that you can find them, and then filter by the fieldName
attribute:
<aura:iteration items="!v.fields" var="f" >
<lightning:inputField aura:id="contactField" fieldName="!f"/>
</aura:iteration>
then
let emailField = component.find('contactField').filter(x => x.get('v.fieldName') === 'Email')[0];
emailField.set('v.value', 'test@test.com');
aura:id
can't be populated dynamically:
aura:id
doesn't support expressions. You can only assign literal string values toaura:id
.
Instead, give all of your <lightning:inputField>
components a common aura:id
so that you can find them, and then filter by the fieldName
attribute:
<aura:iteration items="!v.fields" var="f" >
<lightning:inputField aura:id="contactField" fieldName="!f"/>
</aura:iteration>
then
let emailField = component.find('contactField').filter(x => x.get('v.fieldName') === 'Email')[0];
emailField.set('v.value', 'test@test.com');
edited May 21 at 23:30
answered May 21 at 22:59
David Reed♦David Reed
44k82564
44k82564
Hi @David Reed Thank you, and appreciate for your help. worked perfect.
– PasanE
May 21 at 23:28
Probably could useconst
rather thanlet
.
– Adrian Larson♦
May 21 at 23:33
add a comment |
Hi @David Reed Thank you, and appreciate for your help. worked perfect.
– PasanE
May 21 at 23:28
Probably could useconst
rather thanlet
.
– Adrian Larson♦
May 21 at 23:33
Hi @David Reed Thank you, and appreciate for your help. worked perfect.
– PasanE
May 21 at 23:28
Hi @David Reed Thank you, and appreciate for your help. worked perfect.
– PasanE
May 21 at 23:28
Probably could use
const
rather than let
.– Adrian Larson♦
May 21 at 23:33
Probably could use
const
rather than let
.– Adrian Larson♦
May 21 at 23:33
add a comment |
Thanks for contributing an answer to Salesforce Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f263240%2fhow-to-find-a-dynamically-assigned-auraid%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown