How to use Select2 or Multi-Select Option with Livewire and Laravel

How to use Select2 or Multi-Select Option with Livewire and Laravel

Clovon

2 года назад

13,788 Просмотров

You can support the growth of this channel by purchasing one of my product called(Laravel Livewire Starter Kit): https://bit.ly/3e6RcEG

In this series, you will learn everything about building a complete web application using Laravel and Livewire. My goal here is to teach everything I learned while building real-world applications using Laravel and Livewire.
Here are some of the highlighted list that you will learn in this series:

* How to use bootstrap taginput with laravel livewire
* How to use select2 with Livewire
* How to implement multi-select option with Livewire.
* How livewire automatically deletes temporary files which are older than 24hrs and how we can change this
* How to show progress bar while uploading image or file using Laravel Livewire and Alpine JS
* Image upload with progress bar using Laravel Livewire
* How to show preview image while uploading image using Laravel Livewire
* How to upload single image using Laravel Livewire
* Hot to update profile image using Laravel Livewire
* How to filter results using Laravel Livewire
* How to add search functionality with Laravel Livewire
* How to use SweetAlert with Laravel Livewire
* How to install AdminLTE 3 with Laravel
* How to use toast notification using Livewire
* How to use bootstrap confirmation modal using Livewire
* How to use bootstrap modal for editing data using Livewire
* How to use date picker, time picker & text-area input with laravel livewire
* How to use Livewire component
* How to use Laravel components for re-usability
* How to use Laravel fortify for authentication
* How to use livewire events
* How to use toast notification with Laravel Livewire
* How to use bootstrap modal for deleting data using Laravel Livewire
* How to display alert window before deleting data using Laravel Livewire
* How to use pagination in Laravel Livewire
* How to use bootstrap for pagination in Laravel Livewire
* How to use bootstrap datepicker using Livewire
* How to use bootstrap timepicker using Livewire
* How to use datepicker and timepicker with Laravel Livewire
* How to create datepicker and timepicker component with Laravel
* How to use datapicker and timepicker on update form using laravel livewire
* How to use Laravel Macros
* And much more.

Github link: https://github.com/clovon/Multipurpose-Laravel-and-Livewire-Application

Тэги:

#coding #tutorial #laravel #laravel_and_livewire_tutorial #laravel_and_livewire_project #livewire_tutorial #laravel_application_development #learn_laravel_8 #learn_laravel_framework #laravel_crud #laravel_crud_tutorial #laravel_how_to #livewire_events #laravel_livewire_popup_modal #laravel_livewire_tutorials #laravel_livewire #select_2_with_livewire #how_to_use_select_2_with_livewire #multi_select_option_with_livewire
Ссылки и html тэги не поддерживаются


Комментарии:

Solayman Mousa
Solayman Mousa - 09.10.2023 15:43

thanks !! but how to do this with bootstrap modal in update funtion ? it not select the values from database

Ответить
Aref Pourhashemi
Aref Pourhashemi - 26.05.2023 13:04

thanks for your help

Ответить
josedavidpc310
josedavidpc310 - 16.05.2023 22:44

Masterpiece

Ответить
Hasibur Rahman
Hasibur Rahman - 10.05.2023 13:45

Thanks

Ответить
ezzylearn
ezzylearn - 05.11.2022 07:05

Thanks..

Ответить
Oli Xhepa
Oli Xhepa - 29.03.2022 13:58

Hello , very useful tutorial . Is there any video when we can use Tailwind instead of Bootstrap ?

Ответить
Imam Prasaja Nurhadi
Imam Prasaja Nurhadi - 20.03.2022 05:59

bro buset keren

Ответить
ABU TAHER
ABU TAHER - 17.03.2022 17:42

not happy to watch it because i'm useing mount function when throw any error it is height

if i use wire:ignore it is totally removed, if use wire:ignore.self also hide

Ответить
Yuk Coding
Yuk Coding - 08.12.2021 08:37

I have more than one select input (like add another product) but select2 only applies in the first element

Ответить
Bert Lietaert
Bert Lietaert - 01.11.2021 13:14

Dear Sir, how to empty the select2 field after saving to the database?

Ответить
Neeraj Singh Tangariya
Neeraj Singh Tangariya - 27.09.2021 19:39

suppose if you fetch dynamic data like if suppose you have country and state table if you select the country then state dropdown fetched... in case of wire:ignore how to deal with this situation. And how you will fetch selected data in edit case...?

Ответить
Aamironline125
Aamironline125 - 18.09.2021 23:24

Well done Sir, Nice Work but if team members are in a different table and their ids are stored in appointment table as array same as you save their names then what will be their relationship and how can be appointment edit form will work. This is a real situation. Please explain in a video and i think it will be very helpful for many learners.Thanks, Waiting for your reply.

Ответить
hafiz nugraha
hafiz nugraha - 15.08.2021 09:39

how to make reusable select2 component

Ответить
Anggun KerjaKarir
Anggun KerjaKarir - 02.07.2021 13:56

Have you tested the validation of select2 multiple select? what happened after that?

Ответить
Michael Njogu
Michael Njogu - 16.06.2021 09:40

One of the most complex topic
Thanks for this 😊

Ответить