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?
What was required to accept "troll"?
Can I rely on these GitHub repository files?
A workplace installs custom certificates on personal devices, can this be used to decrypt HTTPS traffic?
How can I raise concerns with a new DM about XP splitting?
Perfect riffle shuffles
The One-Electron Universe postulate is true - what simple change can I make to change the whole universe?
Why are all the doors on Ferenginar (the Ferengi home world) far shorter than the average Ferengi?
Simple image editor tool to draw a simple box/rectangle in an existing image
Can somebody explain Brexit in a few child-proof sentences?
Is the next prime number always the next number divisible by the current prime number, except for any numbers previously divisible by primes?
Pronouncing Homer as in modern Greek
Is there a good way to store credentials outside of a password manager?
Resetting two CD4017 counters simultaneously, only one resets
Freedom of speech and where it applies
Who must act to prevent Brexit on March 29th?
How to prevent YouTube from showing already watched videos?
Is there any significance to the Valyrian Stone vault door of Qarth?
Giant Toughroad SLR 2 for 200 miles in two days, will it make it?
Would it be legal for a US State to ban exports of a natural resource?
In Star Trek IV, why did the Bounty go back to a time when whales were already rare?
Meta programming: Declare a new struct on the fly
Blender - show edges angles “direction”
What should I use for Mishna study?
Adding empty element to declared container without declaring type of element
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
asked 1 hour ago
Lance ShiLance Shi
7,52633077
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
asked 1 hour ago
Lance ShiLance Shi
7,52633077
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
asked 1 hour ago
Lance ShiLance Shi
7,52633077
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
asked 1 hour ago
Lance ShiLance Shi
7,52633077
asked 1 hour ago
Lance ShiLance Shi
7,52633077
asked 1 hour ago
Lance ShiLance Shi
7,52633077
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.
answered 1 hour ago
Jayant DasJayant Das
17k21330
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 .
answered 43 mins ago
Mohith ShrivastavaMohith Shrivastava
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
15 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.
answered 1 hour ago
Jayant DasJayant Das
17k21330
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.
answered 1 hour ago
Jayant DasJayant Das
17k21330
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.
answered 1 hour ago
Jayant DasJayant Das
17k21330
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
answered 1 hour ago
Jayant DasJayant Das
17k21330
answered 1 hour ago
Jayant DasJayant Das
17k21330
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 .
answered 43 mins ago
Mohith ShrivastavaMohith Shrivastava
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
15 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 .
answered 43 mins ago
Mohith ShrivastavaMohith Shrivastava
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
15 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 .
answered 43 mins ago
Mohith ShrivastavaMohith Shrivastava
61.5k7105147
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 .
answered 43 mins ago
Mohith ShrivastavaMohith Shrivastava
61.5k7105147
edited 35 mins ago
answered 43 mins ago
Mohith ShrivastavaMohith Shrivastava
61.5k7105147
answered 43 mins ago
Mohith ShrivastavaMohith Shrivastava
61.5k7105147
answered 43 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
15 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
15 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
15 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
15 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
