deleted 287 characters in body

Source Link

edited Nov 2, 2022 at 14:06

463
11
29

I am trying to run an Event on my Child Component when the Datable row is selected on my Parent Component.
I am receiving the error below

Here is the Event code from my Child ComponentChild Component

handleCancel(event){
    const inputFields = this.template.querySelectorAll( 'lightning-input-field' );
    if ( inputFields ) {
        inputFields.forEach( field => {
        field.reset();
        this.showSaveButton = false;
        } );   
    }
}

Here is the Event code from my Parent ComponentParent Component

handleRowSelection(event){
        var selectedRows=event.detail.selectedRows;
        if(selectedRows.length>1)
        {
            var el = this.template.querySelector('lightning-datatable');
            selectedRows=el.selectedRows=el.selectedRows.slice(1);
            event.preventDefault();
            return;
        }
        this.werRecordId = selectedRows[0].Id;
        this.template.querySelector('c-work-experience-record-page').handleCancel(event.target.value);
        this.werSelectedRow=true;
    }

ErrorError

[NoErrorObjectAvailable] Script error.
a()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:1000:112
{anonymous}()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:1000:305
dispatchEvent()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:13:46387
Na.dispatchEvent()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:13:13839
Na.fireSelectedRowsChange()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:95086
Na.zn()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:49259
Na.handleSelectionCellClick()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:93785

I am trying to run an Event on my Child Component when the Datable row is selected on my Parent Component.
I am receiving the error below

Here is the Event code from my Child Component

handleCancel(event){
    const inputFields = this.template.querySelectorAll( 'lightning-input-field' );
    if ( inputFields ) {
        inputFields.forEach( field => {
        field.reset();
        this.showSaveButton = false;
        } );   
    }
}

Here is the Event code from my Parent Component

handleRowSelection(event){
        var selectedRows=event.detail.selectedRows;
        if(selectedRows.length>1)
        {
            var el = this.template.querySelector('lightning-datatable');
            selectedRows=el.selectedRows=el.selectedRows.slice(1);
            event.preventDefault();
            return;
        }
        this.werRecordId = selectedRows[0].Id;
        this.template.querySelector('c-work-experience-record-page').handleCancel(event.target.value);
        this.werSelectedRow=true;
    }

Error

[NoErrorObjectAvailable] Script error.
a()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:1000:112
{anonymous}()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:1000:305
dispatchEvent()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:13:46387
Na.dispatchEvent()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:13:13839
Na.fireSelectedRowsChange()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:95086
Na.zn()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:49259
Na.handleSelectionCellClick()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:93785

I am trying to run an Event on my Child Component when the Datable row is selected on my Parent Component.
I am receiving the error below

Here is the Event code from my Child Component

handleCancel(event){
    const inputFields = this.template.querySelectorAll( 'lightning-input-field' );
    if ( inputFields ) {
        inputFields.forEach( field => {
        field.reset();
        this.showSaveButton = false;
        } );   
    }
}

Here is the Event code from my Parent Component

handleRowSelection(event){
        var selectedRows=event.detail.selectedRows;
        this.werRecordId = selectedRows[0].Id;
        this.template.querySelector('c-work-experience-record-page').handleCancel();
        this.werSelectedRow=true;
    }

Error

[NoErrorObjectAvailable] Script error.
a()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:1000:112
{anonymous}()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:1000:305
dispatchEvent()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:13:46387
Na.dispatchEvent()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:13:13839
Na.fireSelectedRowsChange()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:95086
Na.zn()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:49259
Na.handleSelectionCellClick()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:93785

added 892 characters in body

Source Link

edited Nov 2, 2022 at 2:15

Jeff Callahan

463
11
29

I am trying to run an Event on my Child Component when the Datable row is selected on my Parent Component.
When I run with the code below II am getting anreceiving the error below

Here is the Event code from my Child Component

handleCancel(event){
    const inputFields = this.template.querySelectorAll( 'lightning-input-field' );
    if ( inputFields ) {
        inputFields.forEach( field => {
        field.reset();
        this.showSaveButton = false;
        } );   
    }
}

Here is the Event code from my Parent Component

handleRowSelection(event){
        var selectedRows=event.detail.selectedRows;
        if(selectedRows.length>1)
        {
            var el = this.template.querySelector('lightning-datatable');
            selectedRows=el.selectedRows=el.selectedRows.slice(1);
            event.preventDefault();
            return;
        }
        this.werRecordId = selectedRows[0].Id;
        this.template.querySelector('c-work-experience-record-page').handleCancel(event.target.value);
        this.werSelectedRow=true;
    }

Error

[NoErrorObjectAvailable] Script error.
a()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:1000:112
{anonymous}()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:1000:305
dispatchEvent()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:13:46387
Na.dispatchEvent()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:13:13839
Na.fireSelectedRowsChange()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:95086
Na.zn()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:49259
Na.handleSelectionCellClick()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:93785

I am trying to run an Event on my Child Component when the Datable row is selected on my Parent Component.
When I run with the code below I am getting an error

Here is the Event code from my Child Component

handleCancel(event){
    const inputFields = this.template.querySelectorAll( 'lightning-input-field' );
    if ( inputFields ) {
        inputFields.forEach( field => {
        field.reset();
        this.showSaveButton = false;
        } );   
    }
}

Here is the Event code from my Parent Component

handleRowSelection(event){
        var selectedRows=event.detail.selectedRows;
        if(selectedRows.length>1)
        {
            var el = this.template.querySelector('lightning-datatable');
            selectedRows=el.selectedRows=el.selectedRows.slice(1);
            event.preventDefault();
            return;
        }
        this.werRecordId = selectedRows[0].Id;
        this.template.querySelector('c-work-experience-record-page').handleCancel(event.target.value);
        this.werSelectedRow=true;
    }

I am trying to run an Event on my Child Component when the Datable row is selected on my Parent Component.
I am receiving the error below

Here is the Event code from my Child Component

handleCancel(event){
    const inputFields = this.template.querySelectorAll( 'lightning-input-field' );
    if ( inputFields ) {
        inputFields.forEach( field => {
        field.reset();
        this.showSaveButton = false;
        } );   
    }
}

Here is the Event code from my Parent Component

handleRowSelection(event){
        var selectedRows=event.detail.selectedRows;
        if(selectedRows.length>1)
        {
            var el = this.template.querySelector('lightning-datatable');
            selectedRows=el.selectedRows=el.selectedRows.slice(1);
            event.preventDefault();
            return;
        }
        this.werRecordId = selectedRows[0].Id;
        this.template.querySelector('c-work-experience-record-page').handleCancel(event.target.value);
        this.werSelectedRow=true;
    }

Error

[NoErrorObjectAvailable] Script error.
a()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:1000:112
{anonymous}()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:1000:305
dispatchEvent()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:13:46387
Na.dispatchEvent()@https://static.lightning.force.com/cs196/auraFW/javascript/nv49ahbZfs85wzJXOZaywA/aura_prod.js:13:13839
Na.fireSelectedRowsChange()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:95086
Na.zn()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:49259
Na.handleSelectionCellClick()@https://falcon-pe--dxtest.sandbox.lightning.force.com/components/lightning/datatable.js:1:93785

Source Link

asked Nov 2, 2022 at 0:28

Jeff Callahan

463
11
29

LWC - Run Event on Child when Datable Row Selected on Parent

I am trying to run an Event on my Child Component when the Datable row is selected on my Parent Component.
When I run with the code below I am getting an error

Here is the Event code from my Child Component

handleCancel(event){
    const inputFields = this.template.querySelectorAll( 'lightning-input-field' );
    if ( inputFields ) {
        inputFields.forEach( field => {
        field.reset();
        this.showSaveButton = false;
        } );   
    }
}

Here is the Event code from my Parent Component

handleRowSelection(event){
        var selectedRows=event.detail.selectedRows;
        if(selectedRows.length>1)
        {
            var el = this.template.querySelector('lightning-datatable');
            selectedRows=el.selectedRows=el.selectedRows.slice(1);
            event.preventDefault();
            return;
        }
        this.werRecordId = selectedRows[0].Id;
        this.template.querySelector('c-work-experience-record-page').handleCancel(event.target.value);
        this.werSelectedRow=true;
    }

Stack Exchange Network

Return to Question

LWC - Run Event on Child when Datable Row Selected on Parent