Lightning Web Component - do I need to track changes for every single input field in a form2019 Community Moderator ElectionWhy Lightning Web ComponentHow to make rich text input work with lightning-record-edit form in lwc?Salesforce Lightning Web Component@track vs @api (Lightning Web Components)Is there a way to load every label data and every SObject description data in Lightning Web Component using only Javascript without any Apex?Fetching data from Apex controller for lightning web componentLightning Web Component Invalid Field Highlight IssueBind Lightning Web Component SObject Variable to Input Text Arealightning-input-field [Lightning Web Components]How to add lookup field in lightning web components form?
Is a naturally all "male" species possible?
I2C signal and power over long range (10meter cable)
Is there a good way to store credentials outside of a password manager?
What should I use for Mishna study?
What will be the benefits of Brexit?
How to deal with or prevent idle in the test team?
word describing multiple paths to the same abstract outcome
Is the next prime number always the next number divisible by the current prime number, except for any numbers previously divisible by primes?
Is there enough fresh water in the world to eradicate the drinking water crisis?
Why does this part of the Space Shuttle launch pad seem to be floating in air?
Indicating multiple different modes of speech (fantasy language or telepathy)
A known event to a history junkie
Reply ‘no position’ while the job posting is still there (‘HiWi’ position in Germany)
Stereotypical names
Can a malicious addon access internet history and such in chrome/firefox?
Can I Retrieve Email Addresses from BCC?
Should my PhD thesis be submitted under my legal name?
Hostile work environment after whistle-blowing on coworker and our boss. What do I do?
Is infinity mathematically observable?
Can I create an upright 7-foot × 5-foot wall with the Minor Illusion spell?
Lifted its hind leg on or lifted its hind leg towards?
Are Warlocks Arcane or Divine?
What is the term when two people sing in harmony, but they aren't singing the same notes?
Installing PowerShell on 32-bit Kali OS fails
Lightning Web Component - do I need to track changes for every single input field in a form
2019 Community Moderator ElectionWhy Lightning Web ComponentHow to make rich text input work with lightning-record-edit form in lwc?Salesforce Lightning Web Component@track vs @api (Lightning Web Components)Is there a way to load every label data and every SObject description data in Lightning Web Component using only Javascript without any Apex?Fetching data from Apex controller for lightning web componentLightning Web Component Invalid Field Highlight IssueBind Lightning Web Component SObject Variable to Input Text Arealightning-input-field [Lightning Web Components]How to add lookup field in lightning web components form?
Since lwc is one-way data binding so if I need to get the current value of the input field I turned out to use event.target.value in the onchange event.
However, if we need to have a form of input fields and only need to collect all of the data at the form submission time, do I still need to add onchange event on every one of the input field at all? Or can I simply collect the information at the submission time?
lightning-web-components
add a comment |
Since lwc is one-way data binding so if I need to get the current value of the input field I turned out to use event.target.value in the onchange event.
However, if we need to have a form of input fields and only need to collect all of the data at the form submission time, do I still need to add onchange event on every one of the input field at all? Or can I simply collect the information at the submission time?
lightning-web-components
add a comment |
Since lwc is one-way data binding so if I need to get the current value of the input field I turned out to use event.target.value in the onchange event.
However, if we need to have a form of input fields and only need to collect all of the data at the form submission time, do I still need to add onchange event on every one of the input field at all? Or can I simply collect the information at the submission time?
lightning-web-components
Since lwc is one-way data binding so if I need to get the current value of the input field I turned out to use event.target.value in the onchange event.
However, if we need to have a form of input fields and only need to collect all of the data at the form submission time, do I still need to add onchange event on every one of the input field at all? Or can I simply collect the information at the submission time?
lightning-web-components
lightning-web-components
asked 1 hour ago
Lance ShiLance Shi
7,52633077
7,52633077
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
In my opinion, this is more of how you want to implement and most importantly how would you want to interact with the Users filling in the form. Sometimes one over other is just what you need.
do I still need to add onchange event on every one of the input field at all?
Use this approach if you really want to alert the user about any error in the field right away instead of waiting for end.
Or can I simply collect the information at the submission time?
Use this approach if you want to defer the validation until the submission.
add a comment |
I would simply collect all the information on form submission using query selector.
this.template.querySelector('classname'); //use query selector
Note that @track should not be used extensively . It makes less sense to use this decorator if we are not rendering something on the UI .
If there is no client side validations involved on page, there is no need to use change handler on every input .
So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?
– Lance Shi
23 mins ago
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%2f255251%2flightning-web-component-do-i-need-to-track-changes-for-every-single-input-fiel%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
In my opinion, this is more of how you want to implement and most importantly how would you want to interact with the Users filling in the form. Sometimes one over other is just what you need.
do I still need to add onchange event on every one of the input field at all?
Use this approach if you really want to alert the user about any error in the field right away instead of waiting for end.
Or can I simply collect the information at the submission time?
Use this approach if you want to defer the validation until the submission.
add a comment |
In my opinion, this is more of how you want to implement and most importantly how would you want to interact with the Users filling in the form. Sometimes one over other is just what you need.
do I still need to add onchange event on every one of the input field at all?
Use this approach if you really want to alert the user about any error in the field right away instead of waiting for end.
Or can I simply collect the information at the submission time?
Use this approach if you want to defer the validation until the submission.
add a comment |
In my opinion, this is more of how you want to implement and most importantly how would you want to interact with the Users filling in the form. Sometimes one over other is just what you need.
do I still need to add onchange event on every one of the input field at all?
Use this approach if you really want to alert the user about any error in the field right away instead of waiting for end.
Or can I simply collect the information at the submission time?
Use this approach if you want to defer the validation until the submission.
In my opinion, this is more of how you want to implement and most importantly how would you want to interact with the Users filling in the form. Sometimes one over other is just what you need.
do I still need to add onchange event on every one of the input field at all?
Use this approach if you really want to alert the user about any error in the field right away instead of waiting for end.
Or can I simply collect the information at the submission time?
Use this approach if you want to defer the validation until the submission.
answered 1 hour ago
Jayant DasJayant Das
17k21330
17k21330
add a comment |
add a comment |
I would simply collect all the information on form submission using query selector.
this.template.querySelector('classname'); //use query selector
Note that @track should not be used extensively . It makes less sense to use this decorator if we are not rendering something on the UI .
If there is no client side validations involved on page, there is no need to use change handler on every input .
So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?
– Lance Shi
23 mins ago
add a comment |
I would simply collect all the information on form submission using query selector.
this.template.querySelector('classname'); //use query selector
Note that @track should not be used extensively . It makes less sense to use this decorator if we are not rendering something on the UI .
If there is no client side validations involved on page, there is no need to use change handler on every input .
So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?
– Lance Shi
23 mins ago
add a comment |
I would simply collect all the information on form submission using query selector.
this.template.querySelector('classname'); //use query selector
Note that @track should not be used extensively . It makes less sense to use this decorator if we are not rendering something on the UI .
If there is no client side validations involved on page, there is no need to use change handler on every input .
I would simply collect all the information on form submission using query selector.
this.template.querySelector('classname'); //use query selector
Note that @track should not be used extensively . It makes less sense to use this decorator if we are not rendering something on the UI .
If there is no client side validations involved on page, there is no need to use change handler on every input .
edited 42 mins ago
answered 51 mins ago
Mohith ShrivastavaMohith Shrivastava
61.5k7105147
61.5k7105147
So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?
– Lance Shi
23 mins ago
add a comment |
So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?
– Lance Shi
23 mins ago
So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?
– Lance Shi
23 mins ago
So it is pretty much using the traditional jQuery style to get the values by either class or id, is that correct?
– Lance Shi
23 mins ago
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%2f255251%2flightning-web-component-do-i-need-to-track-changes-for-every-single-input-fiel%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