[Live-coding] Laravel Livewire: Parent-Child Form Example

[@fullsetupok]

Hello, my name is Gaston. I am from Argentina. I want to congratulate you because your way of speaking is so clear and I can understand everything you say and learn a lot. Thank you very much.

[@Claudio_Pereira]

Dear Korop, I would like to congratulate you on your impressive teaching. You were able to summarize in a few minutes a subject of great complexity. Thank you for sharing!

[@PovilasKorop]

Thanks Claudio, that's exactly my goal!

[@AbrarAhmad-mz8vl]

Its been since months while I'm using Livewire in all projects. It works like a charm if you understand its life cycle. Now v2 is just awesome pretty stable approach

[@marwanfallaha3642]

I'm a new subscriber, I regret that I did not know this channel before. Thank you Mr. Povilas

[@MyCompsci]

Excellent. With livewire more laravel backend developers will easily turn out full stack!

[@aisalen]

You are the best! Always have the desires of helping others Laravel developer.

[@LaravelDaily]

Liked this video? I have many more: subscribe to my 30+ Laravel courses, including a few courses about Livewire laraveldaily.com/courses

[@niyo_vainqueur]

can you please show us many to many relationships you used to submit that form in that database, It's kind confusing

[@АлександрВасильев-к5ж1г]

Many thanks!!! Continue to develop this topic

[@omarherri1445]

Man i just was trying to implement this in one of my projects.. and boom i see your video thank you a lot

[@vanillasrecaps6022]

I have the same situation lol

[@olixz]

Me too! haha

[@tanzimibthesam5861]

Simply awesome no problem of SEO lets see how it goes

[@asifm3520]

Helpful reason for using livewire. Earlier Jquery method was quite cumbersome.

[@davidsonzed]

Hi Povilas, Thank you very much for your invaluable teaching. this is really helpful and I was looking for something like this.

[@mori181186]

Livewire works with Alpine.js,too. This means you will have no limits. I love livewire,too. Thanks for the video.

[@abdulazizredi3682]

Absolutely amazing video

[@Mb-ic4pk]

I looove this man ♥️♥️, thank you a lot Mr.

[@SebastianMares]

Just came across your channel and find it really helpful so far, so thanks and keep it up! 😊

[@techfuture-code-tv]

This is magic. Very very interesting

[@beef3379]

This is so useful to me right now. Thank you! Looking forward to validation / more livewire form videos

[@thatsenam9183]

Such a awesome video. Really Enjoyed. We want more.

[@fadyelias]

Thanks very much for useful and big tutorial We need validations for this inputs

[@mahmoudelsherbeny6003]

thank you, you are the best ❤

[@juniordev4190]

Awesome video. Thanks for sharing

[@trueyolu1906]

This video is so awesome! Thank you for your work!!!

[@msdeav]

Thank you. It will be very useful if you make a video creating very simple e-market with all validations, one or multiple file uploads and other stuff like that to cover all possible usages of this Livewire...

[@msdeav]

And is it possible to create SPA using Livewire?

[@PovilasKorop]

I'm thinking about a separate *course* based on Livewire and some real-life project, not necessarily e-market, but something with at least a few forms and more complex stuff. Will tell the details of my plan when I have something.

[@msdeav]

@@PovilasKorop Thank you

[@coolcha]

Very nice tutorial. Thanks. How would you pre-populate the products and quantities in the case of an edit controller form?

[@YoRoman]

It's great in terms of simplicity, no need for vue/js, but it seems there'll be a lot more requests to the server.

[@FadelCastro4281]

You can use livewire with alpine js .

[@EduardR10]

:) Qué buena información. Gracias!

[@chimerakraken]

Very strong tools mixed with alpinejs and tailwindcss

[@surajpaudel6215]

really useful course, one problem, is how to filter products that have already been selected by the user?

[@millionbits2023]

HI, Awesome, But when I add new row then repeating data from previous child row how to prevent it ?

[@KasimSheyi]

This is really nice.

[@vilandex5089]

hello i keep getting post error at product.php Route [orders.store] not defined can help me fix that and thx love your videos

[@nurharizulaimanmatharith4023]

Great videos

[@s.alimotamedi13]

thanks, very good course, but the problem is when we want to validate the input of list. how to do validation?

[@erfan_nas3ri]

wooow tnx alot very gooooood

[@abhijitpal9106]

Nice video sir. Sir how to show alert message before deleting product using livewire.

[@sunkanmikitibi]

This is a very good presentation...I was looking for this solution when this video came out very timely.. Please can you do the editting part thanks

[@PovilasKorop]

I'm planning a separate full course on Livewire

[@70630515]

thanks, very helpful.

[@AhsanKhan89]

@PovilasKorop I tried to follow the same process for , but the weird thing is whenever I try to press add button, It adds empty space but doesn't show the . When I perform an activity on other fields, it shows back. What could be the reason?

[@aliidhrees642]

How do I add a heading to product details form and have separate products for each heading??? Your content is already helping a lot. Thanks in advance

[@redouaneoukaci2595]

Hi. I use live search input instead of select html. But when i add for example 2 rows, when the searching start, the second row also do the same action. How to fix that. Thank you.

[@arshadsahjavi]

In this example, how can I make dynamically dependent dropdown.???

[@maheshmaharjan2062]

How can we do same in select2. I have list of more than 50 items and I need the search option which only works for the 1st child. Remaining children donot have search option. Please help

[@finzilla13]

hi @LaravelDaily, this doesn't work on Laravel 11 i tried the same exact code you have but it just doesn't want to delete the subsequent data, instead the last one only. I check the logs and it is doing the correct things. It just seems that livewire doesn't update the items

[@mohammedshopan2226]

I am new in livewire i use vue js before and i asking for design and ui in live wire can i found package do animation and ui component fast

[@brokersadda-tv]

Great video. I need a livewire example of a nested dropdown like COUNTRY and CITY. How can we do it using livewire. Should I learn livewire for Laravel projects or vuejs ?

[@eliaszgheib6821]

please i need your help, l have installed livewire and try the example shown at livewire page (counter) but still have a main issue asking livewire.js not found, and index not found, i tried installing livewire on other pc and still having the same issue that keeps livewire not responding

[@amilasandaruwan9386]

Thank you very much sir, Can you please do this video with parent-child fields validation part. It's really help

[@proyectowebsistemasve]

Hello Professor, I liked your very interesting class, I am trying to unite this class with the other class of the Selects dependent on three but the part of updating the Second select when changing the First does not work, it only does it if I give it to the add more button that updates the second select I appreciate what you can guide me with, I am learning Laravel and Livewire

[@proyectowebsistemasve]

teacher I was able to solve it thanks for your teachings!

[@angelhdz6554]

can i use the $orderProducts variable to insert the data from the Livewire component?

[@miguelviegas9424]

There is a minor bug when removing a product I encountered. Luckily the livewirekit has the fix :) I would just like to share it here in case someone is following the video. At 12:50 array_values($this->orderProducts); should be $this->orderProducts = array_values($this->orderProducts);

[@miguelviegas9424]

I should have watched till the end :)

[@javerleo]

Very useful video. Thanks Povilas. I wonder if there is some guide to make record edition, since I find confusing to retrieve and save the many-to-many data.

[@patrickaoun579]

Thanks for this tutorial. What about adding images within this form, how do I manipulate them? Meaning, how can i access multiple images in livewire and store them in the DB?

[@cooltech5441]

thanks for very usefull tutorial, one question? how to validate the fields?

[@jonhy.2024]

Cool, thank you!

[@himak21]

Where I can find multi validation rules of this example ?

[@HengVongkol]

How can we save orders with Livewire way without submitting the form?

[@marcelloperri183]

This Livewire is a revolution, we can perform a dynamic form without javascript at all, thanks for the video, very useful, it would be great if you can show how the total amount of the cart changes based on the products that you dynamically select, is it possible to do something like that?

[@LaravelDaily]

Yes, should be possible, I've done something similar in my Livewire Kit, here's one of the components: livewirekit.com/components/checkout-price-calculator

[@marcelloperri183]

Great. Thanks for the quick response

[@RaicaBogdan]

Will this not create more load on the server since it will make requests back and fort to the backend? With a small handful of users, I don't really see a problem, but if you have hundreds, I feel that this can really create a massive issue.

[@thearong_5853]

how to add select2 to select product i have problem with this one week ago sir pls help ?:(

[@Robawtic]

How do you prevent pressing enter from creating a new child component?

[@bawarabid4477]

Thank You. However, what if we have the price in another input "not in the options". how to implement that

[@AavinSeth]

can you create an example on searching autosuggest show onfocus and hide onblur with livewire

[@JavedBaloch786]

Hello Povilas, A question came to mind, why you didn't use AlpineJS for the increment field, isn't Alpine the best choice, Livewire each time sends an AJAX req.

[@webkoth6105]

Thanks this video.

[@vidhyaprakash85]

how to show old data in the form if any request failed.

[@crazy_lyf03]

Sir how can update?

[@HRaza143]

Will it not increase the server overhead?

[@rajamuruganthirumaran5310]

Hello Mr. Povilas Korop, Did you please upload a video for the same Parent-Child Form Example in the jetstream inertia.

[@LaravelDaily]

I don't actively work with inertia

[@shenelAnuththaraK]

Can we save images with this same way ?

[@adityakadam2256]

Won't it reduce the performance as server-side rendering is slower than client-side rendering?

What you mean? Blade and Nuxt are slower than Pure VueJs?

[@socool3416]

How do i update the field on livewire ?

[@oscarcontreras7848]

Great example but I think i missed a step in the installation cause the User access and the register link does not appear only the Laravel welcome page ! Do I need to run the laravel UI or any kind of Auth after I run composer install command ?

[@PovilasKorop]

For this tutorial you don't need Auth at all, but yes I used Laravel UI package to give me the design layout.

[@richardhoyle7778]

Can you do a full courses on livewire ? Say covering the setup of a fully functioning calendar where I can setup appointments exe, as well as Projects list and client info page with address city state and zip code, contact phone exe. An avatar and job photos for the work that is to be completed before and after; that type of thing how about an API how would that be down in livewire or can it?

[@KasimSheyi]

I must say I feel it is stressful using jquery to perform all of these after watching this video. I am definitely using livewire on my next project

[@MouayedElhak]

Very nice tuto, i have a small question how can i add the price of the product in the same table ?

[@bvivekvivekbas]

Hi, Povilas Korop, how I make the action column stable from the scroll in livewire datatable please help me with this.

[@LaravelDaily]

Sorry I don't have any quick advice about it.

[@yukcoding4155]

I implemented this in my project but I want to add Select2 plugin to select input and with JavaScrip querySelectorAll only select the first element ..what the problem

[@LaravelDaily]

Select2 and Livewire don't play well together, I wouldn't recommend this

[@nicolaferrara7818]

Why you have only 52ms response time? On my local environment I have about 250ms response every ajax request. What is your server configuration?

[@PanZabicom]

Whit is the name of the tutorial playlist?

[@ericf3431]

Hi, this is awsome tutorial, i tried to implement it but im struggling on validation when theres a newly added input field group, using wildcard validation livewire doesnt read the the newly appended input group, how to trigger the validation if theres a new input groups added? thank you and Godbless

[@imadakel5844]

i have tried inertia js but this is also more dynamic

[@MahfuzurRahmanSaber]

Hi, can you give some tips about Opcache ?

[@nelioaugusto5055]

Muito bom 👏👏

[@johnneijzen]

how is this done with edit like i want to retrieve all data back into table

[@PovilasKorop]

Maybe similar video on editing with Livewire would help: kzbin.info/www/bejne/ppe2m4WZqsmNjKM

[@sudhirdhawle5370]

Thank you

[@BudiYunior]

make this as series, or at least make one video about validations, it will be great, thx alot

[@allaghi]

Next project , I am going to use livewire

[@lonerunner3733]

Hi Sir, I need your help to fix my problem. I modified your code by adding some fields. I rename "order" table into "account" table and rename "product" table into "journal" table. The new field "date" is adding into journal table and "credit" field & "debit" field in 'account table. The question is, how to display date rows (months) as column? The result I need is like : Account | Januari | February | ..... etc assets | (sum of credit ) | (sum of credit ) | liabilities | (sum of credit ) | (sum of credit ) | .... etc This query is filter by date of range and sum group by month. Thanks

[@LaravelDaily]

Sorry I can't answer that in a KZbin comment

[@lonerunner3733]

@@LaravelDaily Ok Sir, maybe for your next content :)

[@lonerunner3733]

@@LaravelDaily [ Solved ] I found the solution from your another video : "Laravel Eloquent: Deeper Relationships with One Query ", thanks

[@ignatiusn9851]

Hello Povilas, by the way what's the difference between for example $blog->author->name and $blog->author()->name. I find that each at times give different outcome (at some instance causing no results being returned)

[@LaravelDaily]

Watch this video for the answer: kzbin.info/www/bejne/g5POpHWZr7ibmaM

[@martins-ecke]

That is really cool and useful! Thank you 😃 I wonder if data binding within a foreach loop would also works if one had checkboxes instead of a select field and multiple checkboxe can be checked. 🤔

[@martinsinansky2817]

I am starting with livewire now on a project and I need to implement a combination of parent-child functionality with a dependent dropdowns. Normaly, when there is a single component, I would track the list of values + the selected value. However,in my case I need to have a 2-level dependent dropdowns on each child separately. So if we continue with this example, each row should also have a dropdown for product category and the product dropdown should be dependent on the category selected. The category list can be populated once in teh parent, as it is going to be the same for all children, but the product list needs to refresh for each child separately on changing the category selection. Anyone has any idea how to make such a combo work? I have tried nested components, but still something messes it up for me and I honestly, I am clueless on why...

[@imadakel5844]

niiiiiiiiice

[@socialsource]

Would love to see a sample video on how to callback JSON in an API. Like: user enters data in backend form > entry gets a uniique code which is the URL (domain.com/id/uniquecode) > we call that data remotely with the unique url > verify their API key connected to the id in the url > get JSON from their Form back by reading the uniquecode in the DB. Did that make sense? :) We do all this on our own platforms now, but would like to learn how to do it in Laravel Thanks for your videos, very nice!

[@PovilasKorop]

Sounds like quite an edge case function, I'm trying to shoot videos for broader cases, so more people would benefit. Sorry, yours will not go on my to-do list this time :)

[@socialsource]

@@PovilasKorop No problem. It was worth a shot✌🏻.

[@collinrobinson1294]

Is there a way I can edit it after save it to the database

[@LaravelDaily]

Similar video: kzbin.info/www/bejne/ppe2m4WZqsmNjKM

[@HosamHasanMonir]

Awesome, Can you make a tutorial for Nesting Components!

[@PovilasKorop]

I'm actually struggling to find the best use-case for those, maybe you have one?

[@AlfredoElizondoLife]

@@PovilasKorop In this video Mat Staufer explains the concept along with Caleb who proposes a nice use case for it, watch it around minute 25 - 35 if you short on time. kzbin.info/www/bejne/r2S3gqRraJmXiK8

[@imamhsn195]

Awsome Sir. I was searching like this form interactions as you did. Just One thing different is that I am trying to add journal entries which will validate that the debit value and the credit value should be equal. I any better idea for my problem Please help me in implementing the journal entries. Thank you very much Again!

[@kristopherjafeth]

how update records?

[@intrudo]

But how about the validation? where should be the validation?

[@intrudo]

Disregard already solved it. thanks :)

[@RamuRamu-eu2sx]

How to edit function 😮