How to mass edit some record properties

[benjy8001]

Hi,

Is there a way to add custom ActionButton in bulk mode in order to edit one or multiple field records at once ?

Thanks

[lee-to]

Sure! It's easy, add a button to the index buttons and add a bulk method to it, similar to deleting, create a modal in which you will update in bulk, you will have a hidden field with all the IDs

[benjy8001]

OK, i will try this. Thanks ! Did you have some exemples somewere ?

[lee-to]

OK, i will try this. Thanks ! Did you have some exemples somewere ?

try, maybe you will be the author of the example, and if you can't, then let me know and I will do it for you

[lee-to]

https://getmoonshine.app/ru/docs/3.x/recipes/mass-edit

[lee-to]

https://getmoonshine.app/ru/docs/3.x/recipes/mass-edit

[benjy8001]

@lee-to great ! Thanks a lot.

In my case, i am in 2.x version of Moonshine (because of yurizoom/moonshine-currency package).

I modify in that way :

public function indexButtons(): array
    {
        return [
            ActionButton::make('')
                ->bulk()
                ->icon('heroicons.pencil')
                ->inModal(
                    'Mass edit',
                    fn() => FormBuilder::make()
                        ->name('mass-edit')
                        ->fields([
                            HiddenIds::make($this->listComponentName()),
                            Enum::make(__('moonshine::ui.resource.stock.vehicle_tracking_files.status.label'), 'status')
                                ->attach(TrackingFileStatusEnum::class)
                                ->nullable(),
                            Currency::make(__('moonshine::ui.resource.stock.vehicle_tracking_files.selling_price.label'), 'selling_price')
                                ->nullable()
                                ->step(0.01)
                        ])
                        ->asyncMethod('massEdit', events: [
                            AlpineJs::event(JsEvent::TABLE_UPDATED, $this->listComponentName())
                        ])
                        ->submit('Mettre à jour'),
                ),
        ];
    }

It working well, but the trigger JS Event didn't refresh the index table. Did you know why ?

[lee-to]

@lee-to great ! Thanks a lot.

In my case, i am in 2.x version of Moonshine (because of yurizoom/moonshine-currency package).

I modify in that way :

public function indexButtons(): array

    {

        return [

            ActionButton::make('')

                ->bulk()

                ->icon('heroicons.pencil')

                ->inModal(

                    'Mass edit',

                    fn() => FormBuilder::make()

                        ->name('mass-edit')

                        ->fields([

                            HiddenIds::make($this->listComponentName()),

                            Enum::make(__('moonshine::ui.resource.stock.vehicle_tracking_files.status.label'), 'status')

                                ->attach(TrackingFileStatusEnum::class)

                                ->nullable(),

                            Currency::make(__('moonshine::ui.resource.stock.vehicle_tracking_files.selling_price.label'), 'selling_price')

                                ->nullable()

                                ->step(0.01)

                        ])

                        ->asyncMethod('massEdit', events: [

                            AlpineJs::event(JsEvent::TABLE_UPDATED, $this->listComponentName())

                        ])

                        ->submit('Mettre à jour'),

                ),

        ];

    }

It working well, but the trigger JS Event didn't refresh the index table. Did you know why ?

Resource should be isAsync = true

[lee-to]

Or modify table and add async method