Filament•3w ago

TextInput with an autocomplete function

I look for a solution to use a autocomplete in a TextInput field. Select is not a solution because the user must also use own values. Values comes from api. At the moment I don't found any solution

5 Replies

dissto•3w ago

datalist ?

Koda•3w ago

@dissto with datalist I can't get dynamic data from an api. The value comes from api and is refresh with every input

dissto•3w ago

Why not?

TextInput::make('manufacturer')
    ->datalist(function(){
    return Api::all(); // something like that ... or however you retreive your data?!
})

TextInput::make('manufacturer')
    ->datalist(function(){
    return Api::all(); // something like that ... or however you retreive your data?!
})

Or what do you mean?

Koda•3w ago

Thank you. I have forgot that I have try a few days before. But I don't geht a option to select the values

->live(debounce:400)
                            ->autocomplete('off')
                            ->datalist(function(Set $set, $state) {
                                $data = [];
                                if($state != null) {
                                    $data = (new MyService())->autocomplete($state);
                                }
                                return $data;
                            })

->live(debounce:400)
                            ->autocomplete('off')
                            ->datalist(function(Set $set, $state) {
                                $data = [];
                                if($state != null) {
                                    $data = (new MyService())->autocomplete($state);
                                }
                                return $data;
                            })

$data return an array (Checked with dd($data) I think it is a problem with Safari. In Chrome it works, in Safari I don't geht a List

malebestia.•3w ago

it seems that with safari filament it doesn't render well

Gaming

Programming

TextInput with an autocomplete function