[SalesForce] Lightning Web Component – do I need to track changes for every single input field in a 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?

Best Answer

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 .

Related Solutions

[SalesForce] way to load every label data and every SObject description data in Lightning Web Component using only Javascript without any Apex

An ES6 module is a JavaScript file that explicitly exports variables or functions that other modules can use. Modules make it easier to structure your code without polluting the global scope.

Everything in LWC which is imported and Exported is a ES6 module.

JavaScript files in Lightning web components are ES6 modules. By default, everything declared in a module is local—it’s scoped to the module.

As this is basically es6 and not just LWC, I tried searching import all from es6.

Surprisingly, there are many results, I tried a solution from most accepted and most voted answer that suggested exporting * first and then importing it in new component.

My code which exports all lables in AllLables module

import { LightningElement } from 'lwc';
export * from '@salesforce/label';


export default class AllLables extends LightningElement {

}

when I try saving it, I get this error:

LWC1507: Exporting * from @salesforce/label is not allowed.

Apparently, even if there is the way in ES6, SF is intentionally blocking it, probably for the same reason it does not allow SELECT * in SOQL

You have to use Apex :(

[SalesForce] LWC – Bypass Field-Level Security using Lightning-Input-Field

No, it's not possible. Instead, you'd have to use getObjectInfo and render your own UI.

Best Answer

Related Solutions

[SalesForce] way to load every label data and every SObject description data in Lightning Web Component using only Javascript without any Apex

[SalesForce] LWC – Bypass Field-Level Security using Lightning-Input-Field

Related Topic