hal9k

Yes, that works fine with single entry but I'm having issues when dealing with a collection.

Ok, I have figured how to do the toggle:

<input wire:change="toggleActive({{ $user->active }})" {{ $user->active ? 'checked' : '' }} ...

And the logic (haven't found a smarter way to toggle a boolean :D ):

    public function toggleActive($id)
    {
        $user = User::findOrFail($id);
        $user->active = !$user->active;
        $user->save();
    }

Works really good and refreshes the data table instantly...

Still looking on how to solve b) from the first post...

While working on a personal project, I have created a data table using Livewire and it does all the usual things (sorting, searching, filtering, patination etc...) of the data from the collection.

a) Often I need to be able to change a boolean value (enable or disable an item from a collection). It's simply represented by checkbox (later styled as a nice toggle button...).

<input wire:model="active.{{ $user->active }}" type="checkbox" ...

The main problem here is that if I tick one checkbox it's okay, but if I tick more it sends all the changes (not just the last one). Here's a screenshot from the debug bar -> https://prnt.sc/108vy9w. Let's say list 100 items and I tick 20 boxes. For each new tick n+1 database updated will be made and that makes no sense. Is there any workaround to just send the one that has been ticked.

b) It would be good if it would possible to edit some of the fields right there in the data table (without leaving the page or opening a modal). So instead of displaying data into the data table I could put input boxes and populate them with the data. Let's say I have name and email fields and I just edit the email field. Is there a (fairly simple) way to update these changes back into the database?

I've been looking on how to make this work but wasn't able to find how to solve it so any help is welcome.

Thank you for all your inputs.