How to customize Repeater form events?

I've read the documentation found on https://filamentphp.com/docs/2.x/forms/advanced#using-form-events but I don't understand any single thing.

I don't understand how to implement this:

protected function setUp(): void
{
    parent::setUp();
 
    $this->registerListeners([
        'repeater::deleteItem' => [
            function (Component $component, string $statePath, string $uuidToDelete): void {
                if ($component->isDisabled()) {
                    return;
                }
 
                if ($statePath !== $component->getStatePath()) {
                    return;
                }
 
                // Delete item with UUID `$uuidToDelete`
            },
        ],
    ]);
}

protected function setUp(): void
{
    parent::setUp();
 
    $this->registerListeners([
        'repeater::deleteItem' => [
            function (Component $component, string $statePath, string $uuidToDelete): void {
                if ($component->isDisabled()) {
                    return;
                }
 
                if ($statePath !== $component->getStatePath()) {
                    return;
                }
 
                // Delete item with UUID `$uuidToDelete`
            },
        ],
    ]);
}

protected function setUp(): void
{
    parent::setUp();
 
    $this->registerListeners([
        'repeater::deleteItem' => [
            function (Component $component, string $statePath, string $uuidToDelete): void {
                if ($component->isDisabled()) {
                    return;
                }
 
                if ($statePath !== $component->getStatePath()) {
                    return;
                }
 
                // Delete item with UUID `$uuidToDelete`
            },
        ],
    ]);
}

protected function setUp(): void
{
    parent::setUp();
 
    $this->registerListeners([
        'repeater::deleteItem' => [
            function (Component $component, string $statePath, string $uuidToDelete): void {
                if ($component->isDisabled()) {
                    return;
                }
 
                if ($statePath !== $component->getStatePath()) {
                    return;
                }
 
                // Delete item with UUID `$uuidToDelete`
            },
        ],
    ]);
}

Filament

Advanced - Form Builder - Filament

The elegant TALL stack form builder for Laravel artisans.

vahnmartyOP•6/12/23, 8:26 PM

I tried using this:

return [
        Repeater::make('parents')
            ->schema([
            ])
            ->registerListeners([
                'repeater::deleteItem' =>[],
                'repeater::createItem' =>[],
            ])
    ];

return [
        Repeater::make('parents')
            ->schema([
            ])
            ->registerListeners([
                'repeater::deleteItem' =>[],
                'repeater::createItem' =>[],
            ])
    ];

vahnmartyOP•6/12/23, 8:29 PM

What I want is to create a model after the user clicks the createItemcreateItem. So adding Parent::create([])Parent::create([])

Dennis Koch•6/12/23, 8:44 PM

The docs talk about the (Livewire) „component“ which is the Page in your case, not the Field. You can use the methods inside the setup method.

vahnmartyOP•6/13/23, 12:05 AM

So, I have a livewire component ApplicationForm.phpApplicationForm.php

and I added this:

protected function setUp(): void
    {
        parent::setUp();
    
        $this->registerListeners([
            'repeater::deleteItem' => [
                function (Component $component, string $statePath, string $uuidToDelete): void {

                    dd($uuidToDelete);
                    
                    if ($component->isDisabled()) {
                        return;
                    }
    
                    if ($statePath !== $component->getStatePath()) {
                        return;
                    }

                    
    
                    // Delete item with UUID `$uuidToDelete`
                },
            ],
        ]);
    }

protected function setUp(): void
    {
        parent::setUp();
    
        $this->registerListeners([
            'repeater::deleteItem' => [
                function (Component $component, string $statePath, string $uuidToDelete): void {

                    dd($uuidToDelete);
                    
                    if ($component->isDisabled()) {
                        return;
                    }
    
                    if ($statePath !== $component->getStatePath()) {
                        return;
                    }

                    
    
                    // Delete item with UUID `$uuidToDelete`
                },
            ],
        ]);
    }

Then I tested it by clicking a delete in the repeater, the dd()dd() did not fire.

vahnmartyOP•6/13/23, 12:18 AM

The ->setUp()->setUp() kinda belongs to a custom field.

Vvahnmarty The `->setUp()` kinda belongs to a custom field.

awcodes•6/13/23, 12:36 AM

Yes it does.

Aawcodes Yes it does.

Dennis Koch•6/13/23, 6:06 AM

Oh, do you need to extend the Repeater then?

vahnmartyOP•6/13/23, 5:19 PM

So the docs is referring to a custom field and not for my livewire page?

backtrackjack•8/4/23, 3:04 AM

I ran into the same problem. dd() does not fire when I create a protected function setUp()protected function setUp() with $this->registerListeners$this->registerListeners while listening for any repeater::xrepeater::x event but it works when I add the registerListeners()registerListeners() method to the repeater field

How to customize Repeater form events?

Similar Threads

Similar Threads

Similar Threads