Filament•2w ago

How to Edit the Data of a Repeater

How do I modify the data of a repeater? In my model, a category has subcategories, and a warehouse has locations. For the form, I managed to load the subcategories based on the selected category and to load the locations after selecting the warehouse. Then, a product has a subcategory (based on this, I get the category) and multiple locations (based on each location, I should get the warehouse). In the edit mode, I’ve already managed to load the category based on the subcategory, but I can’t load the warehouses based on the locations. How could I do that? Thanks in advance.

class ProductResource extends Resource {
  ...
  Select::make('category_id')...,
  Select::make('sub_category_id')...,
  Repeater::make('locations')
    ->schema([
      Select::make('warehouse_id'),
      Select::make('location_id'),
    ])...,
}

class EditProduct extends EditRecord {
  protected function fillForm(): void {
    $data = $this->getRecord()->attributesToArray();

    // WORKS:
    $product = $this->getRecord();
    $subCategory = $product->subCategory;
    $data['sub_category_id'] = $product->sub_category_id;
    $data['category_id'] = $subCategory->category_id;

    // DOESN'T WORK, I’ve been trying to edit the repeater data, but I can’t. Only the location data from the database is loaded (So, for now, only an ID is loaded in the locations, and the warehouse is left unselected), and it doesn’t consider my changes:
    $data['locations'] = [
        [
            'warehouse_id' => 1, // Random data for testing
            'location_id' => 10,
        ],
        [
            'warehouse_id' => 2,
            'location_id' => 20,
        ],
    ];

    $this->fillFormWithDataAndCallHooks($product, $data);
  }
}

class ProductResource extends Resource {
  ...
  Select::make('category_id')...,
  Select::make('sub_category_id')...,
  Repeater::make('locations')
    ->schema([
      Select::make('warehouse_id'),
      Select::make('location_id'),
    ])...,
}

class EditProduct extends EditRecord {
  protected function fillForm(): void {
    $data = $this->getRecord()->attributesToArray();

    // WORKS:
    $product = $this->getRecord();
    $subCategory = $product->subCategory;
    $data['sub_category_id'] = $product->sub_category_id;
    $data['category_id'] = $subCategory->category_id;

    // DOESN'T WORK, I’ve been trying to edit the repeater data, but I can’t. Only the location data from the database is loaded (So, for now, only an ID is loaded in the locations, and the warehouse is left unselected), and it doesn’t consider my changes:
    $data['locations'] = [
        [
            'warehouse_id' => 1, // Random data for testing
            'location_id' => 10,
        ],
        [
            'warehouse_id' => 2,
            'location_id' => 20,
        ],
    ];

    $this->fillFormWithDataAndCallHooks($product, $data);
  }
}

5 Replies

demonshideOP•2w ago

I tried to analyze how the data from a repeater is sent, but I realized that when I click 'create', only the base model data is sent, and I don’t see the repeater data or that many-to-many relationship.

class CreateProduct extends CreateRecord
{
  protected static string $resource = ProductResource::class;

  protected function mutateFormDataBeforeCreate(array $data): array
  {
    dd($data); // <----
    return $data;
  }
}

class CreateProduct extends CreateRecord
{
  protected static string $resource = ProductResource::class;

  protected function mutateFormDataBeforeCreate(array $data): array
  {
    dd($data); // <----
    return $data;
  }
}

toeknee•2w ago

If the repeater is sent as a relationship they are parsed differently with their own mutateBeforeCreate method.

toeknee•2w ago

see https://filamentphp.com/docs/3.x/forms/fields/repeater https://filamentphp.com/docs/3.x/forms/fields/repeater#mutating-related-item-data-before-creating

Repeater - Form Builder - Filament

demonshideOP•7d ago

Thank you very much, I did this to test:

Repeater::make('locations')
  ->schema([
    Select::make('warehouse_id'),
    Select::make('location_id'),
  ])
  ->mutateRelationshipDataBeforeSaveUsing(function (array $data): array {
    dd($data); // <---
    // return $data;
  })
  ...,

Repeater::make('locations')
  ->schema([
    Select::make('warehouse_id'),
    Select::make('location_id'),
  ])
  ->mutateRelationshipDataBeforeSaveUsing(function (array $data): array {
    dd($data); // <---
    // return $data;
  })
  ...,

I added several records in the repeater, so I expected to see something like this:

"locations" => [
  [
    "warehouse_id" => "1",
    "location_id" => "2",
  ],
  [
    "warehouse_id" => "2",
    "location_id" => "5",
  ],
  ...
]

"locations" => [
  [
    "warehouse_id" => "1",
    "location_id" => "2",
  ],
  [
    "warehouse_id" => "2",
    "location_id" => "5",
  ],
  ...
]

But it only shows this:

array:2 [▼ // app\Filament\Resources\ProductResource.php:141
  "warehouse_id" => "1"
  "location_id" => "2"
]

array:2 [▼ // app\Filament\Resources\ProductResource.php:141
  "warehouse_id" => "1"
  "location_id" => "2"
]

Meaning, it only shows the first one and seems to ignore the rest. I also tried altering it:

Repeater::make('locations')
  ->mutateRelationshipDataBeforeFillUsing(function (array $data): array {
    $data['warehouse_id'] = '2';
    $data['location_id'] = '5';
    // dd($data);
    return $data;
  })

Repeater::make('locations')
  ->mutateRelationshipDataBeforeFillUsing(function (array $data): array {
    $data['warehouse_id'] = '2';
    $data['location_id'] = '5';
    // dd($data);
    return $data;
  })

And what I achieved was that when editing, every record in the repeater gets set to those values. I tested the methods mutateRelationshipDataBeforeSaveUsing(), mutateRelationshipDataBeforeFillUsing(), and mutateRelationshipDataBeforeCreateUsing() in the Filament demo. I tested them in App\Filament\Resources\Shop\OrderResource. On line 357, I added:

->mutateRelationshipDataBeforeSaveUsing(function (array $data): array {
    // $data['user_id'] = auth()->id();
    dd($data);
    // return $data;
})
->mutateRelationshipDataBeforeFillUsing(function (array $data): array {
    // $data['user_id'] = auth()->id();
    dd($data);
    // return $data;
})

->mutateRelationshipDataBeforeSaveUsing(function (array $data): array {
    // $data['user_id'] = auth()->id();
    dd($data);
    // return $data;
})
->mutateRelationshipDataBeforeFillUsing(function (array $data): array {
    // $data['user_id'] = auth()->id();
    dd($data);
    // return $data;
})

And it always returns only the data from the first item of the repeater, like this:

array:8 [▼
  "id" => 14
  "shop_order_id" => 4
  "shop_product_id" => 33
  "qty" => 6
  "unit_price" => 145.27
  "created_at" => "2025-02-06T20:04:44.000000Z"
  "updated_at" => "2025-02-06T20:04:44.000000Z"
  "sort" => 0
]

array:8 [▼
  "id" => 14
  "shop_order_id" => 4
  "shop_product_id" => 33
  "qty" => 6
  "unit_price" => 145.27
  "created_at" => "2025-02-06T20:04:44.000000Z"
  "updated_at" => "2025-02-06T20:04:44.000000Z"
  "sort" => 0
]

Even though there are several items, it only returns 1, and it is always the first item of all.

toeknee•7d ago

Actually mutate runs on each item, because it’s before create. It creates each item and runs and can be conditioned for each item. You could pass in a Get $get to the function after $data and then get the repeater itself if you wanted all the data

Gaming

Programming

How to Edit the Data of a Repeater

Did you find this page helpful?