Default Value

[bumpyy]

Is there a way to preselect value based on id ?.

e.g : when i use it on edit form, so the data already prefilled.

[dircm]

You sure can! Say you were working with client models. To use the autocomplete component, you need to provide the text, ID and results as separate public properties in your parent livewire component. So for example, prior to rendering, you would set $this->clientID = clientModel->id and $this->clientName = clientModel->title. You just need to configure the component with the pre-loaded properties like below.

<x-lwa::autocomplete
    name="my-autocomplete"
    wire:model-id="clientId"
    wire:model-text="clientName"
    wire:model-results="clients"
    wire:focus="getClients"

[joshhanley]

@bumpyy yeah @dircm is correct, you can preselect a value by loading the value from your selected model into whatever property you have bound to wire:model-text, like clientName above.

[bumpyy]

Thank's, that make sense, so i just have to query the user by id in the mount lifecycle hook right ?

[joshhanley]

@bumpyy yep to populate it initially. You can also change it's value whenever you need by doing that in an action method or updated hook too 🙂