Filamentphp. Events

To fire an event inside a Form Select and listen to it in a Form FileUpload using FilamentPHP, you can utilize Livewire's event system. Here's a step-by-step solution:

1. Fire an Event from the Form Select:

   In your Livewire component, you can fire an event when the select option changes. You can do this by using the wire:change directive on your select input.

   <select wire:change="$emit('selectChanged', $event.target.value)">
       <option value="option1">Option 1</option>
       <option value="option2">Option 2</option>
       <!-- Add more options as needed -->
   </select>
   

2. Listen for the Event in the Form FileUpload:

   In the same Livewire component, you can listen for the event in your FileUpload component. Use the wire:listen directive to handle the event.

   <x-filament::form.file-upload
       wire:listen="selectChanged"
       wire:model="file"
   />
   

3. Handle the Event in the Livewire Component:

   In your Livewire component class, you need to define a method to handle the event. This method will be triggered when the event is fired.

   use Livewire\Component;
   
   class YourComponent extends Component
   {
       public $file;
   
       protected $listeners = ['selectChanged'];
   
       public function selectChanged($value)
       {
           // Handle the event, e.g., update a property or perform an action
           // You can access the selected value via the $value parameter
           // For example, you might want to reset the file upload or perform some logic
       }
   
       public function render()
       {
           return view('livewire.your-component');
       }
   }
   

This setup allows you to fire an event from a Form Select and listen to it in a Form FileUpload component. You can then handle the event in your Livewire component to perform any necessary actions based on the selected value.