Filament•4w ago

Trouble with Attach (Detach works)

I'm new to Filament, so this may be obvious, but I've got a simple many-to-many relationship set up and working. It's a "Family" that can have one or more "Person", and a "Person" can belong to more than one "Family". Pardon the funky plurals here. I'm still trying to figure out how Laravel likes these to be done. My issue is that when I go to Attach a record to a Person who belongs to a Family, the Attach box comes up, but the pulldown is blank. However, the Search window can be typed in, and it pulls up real data. I can pick from the data (People) and attach the record. See enclosed pic. The tables are tiny (about 50 rows of fake data. So all of this kinda works, but there are two issues: 1. The pulldown doesn't populate, so I'm forced to use search. 2. The Search only shows the first_name field and I'd like it to show the last_name field as well. I've googled and googled and exhausted myself on ChatGPT, but I can't find a simple explanation of "put this code in these files, and it will work". So many examples show code, but don't reference exactly what file to put it in. The Laracast course goes very fast and barely touches on this topic. Can anyone point me to a newbie HowTo on this subject? I'm soooo close to getting this working, but the solution is elusive.

39 Replies

Vp•4w ago

put some code here as well otherwise no one will be able to help you My guess: 1. you need to use ->preloadRecordSelect() 2. you need to override how data is displayed (or use virtual column)

Stricks•4w ago

@Vp - here goes... First off, I'm running reasonably current verisons of things. PHP 8.2, Node 22, and the latest versions of Laravel and Filament via composer. I'm on a Mac using Herd Pro. I've enclosed an image of my dir structure so show you I think I have the files in the right place. I'm open to any and all suggestions. I am just testing code, so if you tell me to wipe and start again, that's fine. Many thanks on any suggestions! -- Stricks

Stricks•4w ago

Sample code enclosed

sample_code.txt

Vp•4w ago

Can't you just send the related code only.. I am not going to download to check.. And did you even try my guess (suggestions)

Stricks•4w ago

Sorry @Vp - I didn't see your reply until this evening. I will look into that ASAP. @Vp : I've tried ->preloadRecordSelect() adding it to this section, but it didn't make a difference.

            ->headerActions([
                Tables\Actions\CreateAction::make(), // Header Create
                Tables\Actions\AttachAction::make() // Header Attach many-to-many
                    ->label("Attach Existing Person") // Label above People table.
                    ->preloadRecordSelect()

            ->headerActions([
                Tables\Actions\CreateAction::make(), // Header Create
                Tables\Actions\AttachAction::make() // Header Attach many-to-many
                    ->label("Attach Existing Person") // Label above People table.
                    ->preloadRecordSelect()

Remember, I don't understand the underlying code of Filament or AWCodes's module, so this is a black box to me. I want to get it working first, and then start looking at the underlying code to understand it. I'm happy to post "related code", but I don't know what part of the code that means. If you could give me a PHP filename and an function, I'd be happy to post anything you'd like to see. Remember I have not written any of my own code yet. All the functions have been created by Filament or created with the Make command, so amy filenames or functions you reference will be the standard ones. Thanks! Additional info: I've created another relationship by using the CLI commands to create a model Property (Factory, Seeder, etc., and Family<->Property is many-to-many), and then the Relationship with Filament/Resources/FamilyResource/RelationManagers/PersonRelationManager.php but I am getting the same Attach issues as before.
So clearly, I'm making the same mistake. I doubt this is a typo.

awcodes•4w ago

For starters the inverse relationship name needs to be the actual name of the model’s relationship, so ‘family’ not ‘Family’. But that’s just one thing I noticed in the code you shared. There code by some other things going on too.

awcodes•4w ago

Maybe also check out https://m.youtube.com/@FilamentDaily if the other resources you referenced are moving too fast for you.

YouTube

Filament Daily

Quick tips and tricks about the Laravel Filament system.

awcodes•4w ago

But as long as the relationships are all setup correctly most of it should just work out of the box with the relationship managers.

Stricks•4w ago

Thanks @awcodes - I'll watch it now. @awcodes May sound crazy but... Is it possible I have had this working the whole time but I don't understand how the Attach UI works. When I do an Attach, I see the modal, but the field (in my case first_name) is blank. Since there are my people in the database, I would assume it would show a pulldown of names and also let me search. The search works fine, but the pulldown is empty. Does the UI show an empy box, and you must search for the entry to pull it up? IOW, do you never see a first_name until you search for it?

awcodes•4w ago

Sounds like you might be looking for ->preload() https://filamentphp.com/docs/3.x/forms/fields/select#preloading-relationship-options

Select - Form Builder - Filament

awcodes•4w ago

But I’d have to see a lot more code to offer any real insight. If you can share the codebase as a GitHub repo it would be easier for us trying to help to get a more full picture of what you have tried or are trying to do.

Stricks•4w ago

Excellent idea on sharing via GitHub. I will work on a (relatively) clean build and get it up there. In the mean time I'll check out that link.

awcodes•4w ago

If the search works then the relationship is fine. You just have to tell it to preload because filament doesn’t want to make assumptions and extra db queries if it doesn’t have to.

Stricks•4w ago

And is the ->preload() appended to the Filament/Resources/FamilyResource/RelationManagers/FamilyRelationManager.php file, where "Family" is half of the Pivot table? It would seem a logical choice, but your reference to the docs above is on a Select and this is on the Table function and is thus full of Columns. I haven't dug enough into the Filament code to find what creates the modal where the user is allowed to search.

  ->headerActions([
                Tables\Actions\CreateAction::make(),
                Tables\Actions\AttachAction::make()
                    ->preload(),
            ])

  ->headerActions([
                Tables\Actions\CreateAction::make(),
                Tables\Actions\AttachAction::make()
                    ->preload(),
            ])

Oh, and I should add the above code doesn't populate the pulldown. I still have to use the search. Sorry to be such a pain about this small UI bit, but I feel I am making a mistake that will follow me going forward if I don't learn how to fix it now.

awcodes•4w ago

Preload is specific to the form field, in the case of the docs it’s the select field. The attach action in this case loads a modal with its own form. So in that form you have a field that determines which record to attach. So that form typically has a select field to find a record to attach. I understand the scoping of functionality can be confusing sometimes and the docs can feel disjointed. Just hang in there. I promise once you start to understand it and it clicks it will get better. Try this on the action ->preloadRecordSelect()

Stricks•4w ago

Here's the GitHub Public repo. Pardon the sloppy code. I only did a quick clean.

Try this on the action ->preloadRecordSelect()

Will do !

awcodes•4w ago

So AttachAction::make()->preloadRecordSelect()

Stricks•4w ago

Nope - still the same. I think I've got something set deep in the code that must be turing this off. I've even wiped the project and started from scratch to see if I could avoid this.

awcodes•4w ago

Hmm, leads me to think the relationship is off somewhere. Diving the code I would expect that to work if the relationship is set up correctly.

Stricks•4w ago

AttachAction::make()->preloadRecordSelect()

Just to be clear, the above is on the headerActions section - right?

awcodes•4w ago

Yea

MilenKo•4w ago

->preloadRecordSelect() method is used to pre-load all selector options and not to populate a selected already and stored in DB record (if I understood correctly that is what was needed)

Stricks•4w ago

Yes, the records are already in a 'Person' MySQL table.

awcodes•4w ago

Well, yea if it’s already associated then it wouldn’t be available to be associated again.

MilenKo•4w ago

Any log errors? Or console debug output?

awcodes•4w ago

Associate is to add new associations not mange the associations that’s what the table/row actions are for.

MilenKo•4w ago

From what I know, Filament is smart enough to know the input field based on the column relation of the make() method, so if any record is stored in the DB matching the column name, filament should set it as a default and pre-populate as a selected option. That is why I aggree with @awcodes that there is something fishy with your relations... Check your relations using dd() or \Log() I mean dd the output you should get from the specific column and see if it even returns a value. Another thing can be if the model does not have the rifht to store the object data (guarder or filable properties are not set on the model)

awcodes•4w ago

@Stricks feel free to share a repo and I’ll look into it further.

MilenKo•4w ago

I aggree more code is needed (unless it is prprietary) but otherwise there are only many GUESSES 🙂

Stricks•4w ago

https://github.com/dstrickler/nhadbv2-filament -- It should be public

GitHub

GitHub - dstrickler/nhadbv2-filament

Contribute to dstrickler/nhadbv2-filament development by creating an account on GitHub.

Stricks•4w ago

Many, many thanks for all the help on this!

awcodes•4w ago

Your relationship names are wrong. Capitalization matters. https://github.com/dstrickler/nhadbv2-filament/blob/d287cc3f86b6f68136180edd3ffd9ccfdc71f2dd/app/Filament/Resources/FamilyResource/RelationManagers/FamilyRelationManager.php#L13

GitHub

nhadbv2-filament/app/Filament/Resources/FamilyResource/RelationMana...

Contribute to dstrickler/nhadbv2-filament development by creating an account on GitHub.

Stricks•4w ago

WOW! OK, testing

awcodes•4w ago

The relationship on the model is ‘family()’ so the name of the relationship is ‘family’ not ‘Family’ And the same for the person on the inverse. Ie ‘streetAdress’ is not the same as ‘StreetAddress’ as an example. Relationships in laravel are inferred through reflection so the casing matters.

Stricks•4w ago

protected static string $relationship = 'Family';

So I changed the above to a lower-case 'family', but it still doesn't work. It sounds like I need to go through all the code and make sure I have the case right. Is there a document that says what the correct case should be? I have seen (I think) conflicting information. Perhaps it only matters in certain places?

awcodes•4w ago

Filament defaults to laravel for all of this. So, maybe spend a few minutes going through the laravel docs of how the relationships work to get a better understanding of that first.

Stricks•4w ago

Agreed. Excellent advice. Thank you!

awcodes•4w ago

If you’re still stuck after that just let us know.

Stricks•3w ago

I have the pulldown working (yes!), but I don't know what caused the fix yet. I did have to add some code that doesn't make sense to me. In the model "family()", I had to define both "person()" and "people()" functions like below. This indicates other issues in the code - correct? I would assume one function should be enough - and it should be singular as the models family() and person() are both singular.

 
    public function person()
    {
        return $this->belongsToMany(Person::class);
    }

    public function people()
    {
        return $this->belongsToMany(Person::class);
    }

 
    public function person()
    {
        return $this->belongsToMany(Person::class);
    }

    public function people()
    {
        return $this->belongsToMany(Person::class);
    }

@awcodes I can confirm this helped with the pulldown before searching as you suggested. The code below belongs in the PersonRelationManager Class, and helps when you are in the Family Edit and have the related People rows below and go to do an Attach.

 ->headerActions([
                Tables\Actions\CreateAction::make(),
                Tables\Actions\AttachAction::make()
                    ->preloadRecordSelect(TRUE) // Loads the Person data in the pulldown.
                    ->recordSelectSearchColumns(['full_name']) // Used when you Search when Attaching pulldown.
            ])

 ->headerActions([
                Tables\Actions\CreateAction::make(),
                Tables\Actions\AttachAction::make()
                    ->preloadRecordSelect(TRUE) // Loads the Person data in the pulldown.
                    ->recordSelectSearchColumns(['full_name']) // Used when you Search when Attaching pulldown.
            ])

I wanted to report back that I am ramping up on Filament and creating CRUD modules quickly with Attach/Detach features. Thank you both for your help!

Gaming

Programming

Trouble with Attach (Detach works)