Dynamic text input value

I have the following form:

        return [
            TextInput::make('year')
                ->label(__('Year'))
                ->numeric()
                ->reactive()
                ->required(),
            TextInput::make('name')
                ->label(__('Name'))
                ->numeric()
                ->reactive()
                ->required(),
            TextInput::make('code')
                ->reactive()
                ->afterStateHydrated(function (TextInput $component, Closure $get) {
                    $year = $get('year');
                    $name = $get('name');
                    if ($year !== null && $name !== null) {
                        $component->state('xxx');
                    }
                    $component->state('123');
                })
                ->disabled()
        ];

        return [
            TextInput::make('year')
                ->label(__('Year'))
                ->numeric()
                ->reactive()
                ->required(),
            TextInput::make('name')
                ->label(__('Name'))
                ->numeric()
                ->reactive()
                ->required(),
            TextInput::make('code')
                ->reactive()
                ->afterStateHydrated(function (TextInput $component, Closure $get) {
                    $year = $get('year');
                    $name = $get('name');
                    if ($year !== null && $name !== null) {
                        $component->state('xxx');
                    }
                    $component->state('123');
                })
                ->disabled()
        ];

I want my code field's value change when the year and name input gets a value. If the year and name input is empty I want to show nothing. How can I achieve this?

6 Replies

Unknown User•2y ago

Message Not Public

eazyOP•2y ago

Doesn't seem to work

Bezhan•2y ago

dude your doing it in reverse.. it should be afterStateUpdate() but you need to change the state from year and/or name to trigger the state change. fields can't listen to other fields' state changes only there own but you can change a field's state from another field.

Dan Harrin•2y ago

yeah afterStateHydrated() only runs when the form is loaded

eazyOP•2y ago

Okay I'm gonna try this, thanks.

Bezhan•2y ago

here you go... just adjust how you wanna manipulate it. don't try... just move on to the next thing 🖖

Forms\Components\TextInput::make('year')
    ->label(__('Year'))
    ->numeric()
    ->reactive()
    ->afterStateUpdated(function (callable $set, callable $get, $state) {
        if (filled($name = $get('name'))) {
            $set('code', str($state)->append('_')->append($name));
        } else {
            $set('code', $state);
        }
    })
    ->required(),
Forms\Components\TextInput::make('name')
    ->label(__('Name'))
    ->reactive()
    ->afterStateUpdated(function (callable $set, callable $get, $state) {
        if (filled($year = $get('year'))) {
            $set('code', str($year)->append('_')->append($state));
        } else {
            $set('code', $state);
        }
    })
    ->required(),
Forms\Components\TextInput::make('code')
    ->disabled()
]);

Forms\Components\TextInput::make('year')
    ->label(__('Year'))
    ->numeric()
    ->reactive()
    ->afterStateUpdated(function (callable $set, callable $get, $state) {
        if (filled($name = $get('name'))) {
            $set('code', str($state)->append('_')->append($name));
        } else {
            $set('code', $state);
        }
    })
    ->required(),
Forms\Components\TextInput::make('name')
    ->label(__('Name'))
    ->reactive()
    ->afterStateUpdated(function (callable $set, callable $get, $state) {
        if (filled($year = $get('year'))) {
            $set('code', str($year)->append('_')->append($state));
        } else {
            $set('code', $state);
        }
    })
    ->required(),
Forms\Components\TextInput::make('code')
    ->disabled()
]);

Gaming

Programming

Dynamic text input value