Refresh datatable form a https://github.com/wire-elements/modal

[jordivela007]

When I delete an element from a (https://github.com/wire-elements/modal), the data table is not updating. WHAT AM I WRONG?

public function delete()

{
$this->authorize('delete', $this->day);
Day::where('id', $this->user_id)->delete();
$this->dispatchBrowserEvent('refreshDatatable'); // NOT WORK
$this->emit('refreshDatatable'); // NOT WORK
$this->reset(); // restore the default values of the variables after submit the form
$this->closeModal();
$this->alert('success', __('Day'), [
'position' => 'top-end',
'timer' => 1000,
'toast' => true,
'timerProgressBar' => true,
'text' => __('Deleted Successfully.'),
]);
}`

[lrljoe]

So your Table Component should preferably have something like the below, sot that you can distinguish which Table Component you're issuing a refresh to:

    /**
     * @var array<mixed>
     */
    protected $listeners = ['refreshDayTable' => '$refresh'];

Then in your Modal component,

        $this->emit("refreshDayTable");

If this isn't working, then take a look using DebugBar and see if the emit event is actually firing. Definitely works emiting from that Modal component to the Data Table though, as I use a modified version of WireElements Modal.