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?
Can a Bard use an arcane focus?
Teaching indefinite integrals that require special-casing
The One-Electron Universe postulate is true - what simple change can I make to change the whole universe?
Is there enough fresh water in the world to eradicate the drinking water crisis?
Java - What do constructor type arguments mean when placed *before* the type?
Pronouncing Homer as in modern Greek
Can I create an upright 7-foot × 5-foot wall with the Minor Illusion spell?
How do I repair my stair bannister?
Is there any significance to the Valyrian Stone vault door of Qarth?
Can I use my Chinese passport to enter China after I acquired another citizenship?
Greatest common substring
I'm in charge of equipment buying but no one's ever happy with what I choose. How to fix this?
Freedom of speech and where it applies
How can a jailer prevent the Forge Cleric's Artisan's Blessing from being used?
Blender - show edges angles “direction”
Calculating the number of days between 2 dates in Excel
What if somebody invests in my application?
Science Fiction story where a man invents a machine that can help him watch history unfold
How to prevent YouTube from showing already watched videos?
For airliners, what prevents wing strikes on landing in bad weather?
Why isn't KTEX's runway designation 10/28 instead of 9/27?
Would it be legal for a US State to ban exports of a natural resource?
Can a Gentile theist be saved?
Simulating a probability of 1 of 2^N with less than N random bits
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
30 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
30 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
30 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 50 mins ago
answered 59 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
30 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
30 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
30 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
30 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