You need to sign in to do that
Don't have an account?
Nicholas Ferguson
Setting input value of parent component based on child component input values
I am attempting to set up a set of checkboxes where, if the parent checkbox is checked, then all children checkboxes will also be checked. Conversely, if ALL child checkboxes are checked, the parent checkbox will become checked.
I have the first part of this logic working correctly. However, in working on the 2nd part of this, I am able to get the value to update in the parent component AND the component rerenders with the new value (according to the renderedCallback()). However, the parent checkbox remains unchanged. Is anyone able to help me understand why this is?
webcomponents.dev (https://webcomponents.dev/edit/neoeIsj0YVTR22F7qOYv/src/area.js)
I have the first part of this logic working correctly. However, in working on the 2nd part of this, I am able to get the value to update in the parent component AND the component rerenders with the new value (according to the renderedCallback()). However, the parent checkbox remains unchanged. Is anyone able to help me understand why this is?
webcomponents.dev (https://webcomponents.dev/edit/neoeIsj0YVTR22F7qOYv/src/area.js)
I see you have also posted this ask and answered on https://salesforce.stackexchange.com/a/371724/80089 according to which you have hoisted the state logic to the grandparent and removed the getters/setters from the child.
Please consider marking the answer best so it can help others facing the same issue.Thank you