F
Filament•2mo ago
nyannss

Get Relation Fieldset State / Set Outside State in Relationship Fieldset

Form resources that have fieldset relationship, how to get state that fieldset on outside? just for example : 
[
  Fieldset::make('User')
    ->relationship('users')
    ->schema([
      TextInput::make('name')
        ->required(),
    ]),
  TextInput::make('slug')
    ->dehydrateStateUsing(
        fn(string $state, callable $get) => Str::slug($get('user.name')) // <-- when get this, the value is null
      )
]
[
  Fieldset::make('User')
    ->relationship('users')
    ->schema([
      TextInput::make('name')
        ->required(),
    ]),
  TextInput::make('slug')
    ->dehydrateStateUsing(
        fn(string $state, callable $get) => Str::slug($get('user.name')) // <-- when get this, the value is null
      )
]
or set outside state in relationship fieldset 
[
  Fieldset::make('User')
    ->relationship('users')
    ->schema([
      TextInput::make('name')
        ->required()
        ->reactive()
        ->live()
        ->afterStateUpdated( callable $set) => $set('slug', Str::slug($state))),
        // nothing happens
    ]),
  TextInput::make('slug')
    ->prefix(config('app.url') . "/profile/")
]
[
  Fieldset::make('User')
    ->relationship('users')
    ->schema([
      TextInput::make('name')
        ->required()
        ->reactive()
        ->live()
        ->afterStateUpdated( callable $set) => $set('slug', Str::slug($state))),
        // nothing happens
    ]),
  TextInput::make('slug')
    ->prefix(config('app.url') . "/profile/")
]
Solution:
you should use 
$set('../slug', Str::slug($state))
$set('../slug', Str::slug($state))
...
Jump to solution
18 Replies
Tally
Tally•2mo ago
can you explain what you are trying to do with the FieldSet and the relationship? Are you trying to create a Select with the users?
nyannss
nyannss•2mo ago
Nah. I have one to one relationship, I want edit in one form. Lets say table users have name column and the nurses table have slug column. Like in example (https://filamentphp.com/docs/3.x/forms/advanced#generating-a-slug-from-a-title), when edit name, will automatically update slug value.
Advanced forms - Form Builder - Filament
Tally
Tally•2mo ago
check out the example again... you are using callable which is an old syntax for Filament v2
nyannss
nyannss•2mo ago
Isn't "callable" just for ide helper?
Tally
Tally•2mo ago
nope
Tally
Tally•2mo ago
Tally
Tally•2mo ago
from example 
use Filament\Forms\Components\TextInput;
use Filament\Forms\Set;
use Illuminate\Support\Str;
 
TextInput::make('title')
    ->live()
    ->afterStateUpdated(fn (Set $set, ?string $state) => $set('slug', Str::slug($state)))
    
TextInput::make('slug')
use Filament\Forms\Components\TextInput;
use Filament\Forms\Set;
use Illuminate\Support\Str;
 
TextInput::make('title')
    ->live()
    ->afterStateUpdated(fn (Set $set, ?string $state) => $set('slug', Str::slug($state)))
    
TextInput::make('slug')
nyannss
nyannss•2mo ago
Tried, nothing happens.
nyannss
nyannss•2mo ago
Tally
Tally•2mo ago
and if you use the example provided in your code... comment the rest
nyannss
nyannss•2mo ago
Fieldset::make('User Data')
  ->relationship('user')
  ->schema([
      TextInput::make('name')
          ->reactive()
          ->live()
          ->required()
          ->afterStateUpdated(fn(?string $state, Set $set) => $set('slug', Str::slug($state))),
      TextInput::make('email')
          ->email(),
      TextInput::make('password')
          ->required(fn(string $operation) => $operation == "create")
          ->password()
          ->dehydrateStateUsing(fn(string $state): string => Hash::make($state))
          ->dehydrated(fn(?string $state): bool => filled($state))
          ->confirmed(),
      TextInput::make('password_confirmation')
          ->required(fn(string $operation) => $operation == "create")
          ->password(),
      FileUpload::make('profile_image_url')
          ->label("Foto Profil")
          ->directory(fn(callable $get) => '/profile-image/' . Str::slug($get('name')))
          ->getUploadedFileNameForStorageUsing(
              fn(TemporaryUploadedFile $file): string => (string)str(time() . Str::random(14) . "." . $file->getClientOriginalExtension())
                  ->prepend('image-'),
          )
          ->image()
          ->storeFileNamesIn('/assets/images/services')
          ->imageCropAspectRatio("1:1")
          ->imageEditor()
          ->maxSize(1000)
          ->columnSpan('full')
  ]),
Fieldset::make('User Data')
  ->relationship('user')
  ->schema([
      TextInput::make('name')
          ->reactive()
          ->live()
          ->required()
          ->afterStateUpdated(fn(?string $state, Set $set) => $set('slug', Str::slug($state))),
      TextInput::make('email')
          ->email(),
      TextInput::make('password')
          ->required(fn(string $operation) => $operation == "create")
          ->password()
          ->dehydrateStateUsing(fn(string $state): string => Hash::make($state))
          ->dehydrated(fn(?string $state): bool => filled($state))
          ->confirmed(),
      TextInput::make('password_confirmation')
          ->required(fn(string $operation) => $operation == "create")
          ->password(),
      FileUpload::make('profile_image_url')
          ->label("Foto Profil")
          ->directory(fn(callable $get) => '/profile-image/' . Str::slug($get('name')))
          ->getUploadedFileNameForStorageUsing(
              fn(TemporaryUploadedFile $file): string => (string)str(time() . Str::random(14) . "." . $file->getClientOriginalExtension())
                  ->prepend('image-'),
          )
          ->image()
          ->storeFileNamesIn('/assets/images/services')
          ->imageCropAspectRatio("1:1")
          ->imageEditor()
          ->maxSize(1000)
          ->columnSpan('full')
  ]),
Fieldset::make('Konten Halaman')->schema([
    TextInput::make('title')
        ->required(),

    TextInput::make('meta_desc')
        ->required(),

    MarkdownEditor::make('content')
        ->required()
        ->columnSpan('full'),

    TextInput::make('desc_nurse')
        ->label("Deskripsi Singkat")
        ->required()
        ->columnSpan('full'),

    TextInput::make('slug')
        ->prefix(config('app.url') . "/profile/")
        ->unique(Nurse::class, 'slug', fn($record) => $record)
        ->columnSpan('full'),
])
Fieldset::make('Konten Halaman')->schema([
    TextInput::make('title')
        ->required(),

    TextInput::make('meta_desc')
        ->required(),

    MarkdownEditor::make('content')
        ->required()
        ->columnSpan('full'),

    TextInput::make('desc_nurse')
        ->label("Deskripsi Singkat")
        ->required()
        ->columnSpan('full'),

    TextInput::make('slug')
        ->prefix(config('app.url') . "/profile/")
        ->unique(Nurse::class, 'slug', fn($record) => $record)
        ->columnSpan('full'),
])
krekas
krekas•2mo ago
live() and reactive() are the same. use one which should be live()
nyannss
nyannss•2mo ago
Forgot to delete, thanks for reminding.
Solution
Tally
Tally•2mo ago
you should use 
$set('../slug', Str::slug($state))
$set('../slug', Str::slug($state))
Tally
Tally•2mo ago
this is because of the relationship user you have to go one level up to target the slug input
nyannss
nyannss•2mo ago
Thats what i think 👌
Tally
Tally•2mo ago
It will work for sure 😉
nyannss
nyannss•2mo ago
Yes, it is. Thanks for your help! Turns out it's like a folder path, i just realised that too.
Want results from more Discord servers?
Add your server
More Posts
ColorPicker Required BugGuys, I'm trying to use a color picker inside a Custom Livewire Page, using a form from Filament, aHow to get $data in Tables\Actions\CreateAction::make()?I used to get the $data in the form using ->before(function (RelationManager $livewire, array $data,FileUpload::make()->directory('my/secret/sauce') Don't save full URL in DBI have an existing DB, that stores just the file name for image_loc. 'user1.png' is in my DB. NoIs it no longer possible to call Vite in the Panel Providers asset method?I was getting an exception when a fresh install runs `@php artisan package:discover --ansi` ``` IllCreate a custom field with two fields (downloadable)How can i create a custom field that contains a field for title and a upload field to use inside as display null values as 'null'I have a table widget, where I want to display unconfirmed users. How can I display the string 'nullShow a list of options based on another fieldHello devs, how can I show a list of options with Select based on another select element? ```SelectValidating Signed Route RequestsWhen using filament forms on a livewire component and submitted, how do we verify that the request hHow can the resource query be modified on an Infolist page?Hi, When loading a resource, the standard `select` uses *. On a table page, I can use `modifyQueryUSelect field using search populate another field.I have a select field that populates the options via an external API request: ``` Forms\Components\