Livewire: Same Component for Create and Edit Forms
HTML-код
- Опубликовано: 21 сен 2024
- This is a free lesson from my course "Advanced Laravel Livewire".
Full course: laraveldaily.c...
- - - - -
Support the channel by checking out my products:
- My Laravel courses: laraveldaily.c...
- Laravel QuickAdminPanel: quickadminpane...
- Livewire Kit Components: livewirekit.com
- - - - -
Other places to follow:
- My weekly Laravel newsletter: us11.campaign-...
- My personal Twitter: / povilaskorop
The mount parameter can be used for 3 different purposes:
- passing a numerical id: the mount load the model with the given Id (edit mode)
- passing an array: the mount initializes a new model with the given data (create mode with fields preset)
- passing null: a new empty model is initialized
First one here. This is perfect as for my next project I want to forego Javascript and try Livewire fullout
Hello sir.
This was perfect as for my current project.
but after add or edit a new product I want to empty the form , i use
$this->unset('product');
but shows me this error
$product must not be accesses before initilized.
although I passed it in mount method
public function mount(Product $product){
$this->product = $product;
}
how to redirect to create or update component should it requires route?
Hey Povilas, I'm a pure livewire fan, but I'd love to ask if it would be able to manage around 10k concurrent users
I've been assigned to create a new project
I haven't tried this volume
@@LaravelDaily oh thank you
There is a problem if i have a unique item in validation ?
You have to describe it differently for create and edit then, yes
Hai Povilas, i am a fan of livewire . I always create crud using full page component with modal for create and edit. But I have problem with datepicker in modal. I hope you make tutorial about solving it. So far , I create non-modal form if the crud need datepicker.
I would use general date picker from HTML: input type="date"
and add this style for css file or Style tag :
.datepicker {
z-index: 1600 !important;
/* has to be larger than 1050 */
}
you can add this event inside input :
onchange="this.dispatchEvent(new InputEvent('input'))"
the works great on modal
@@LaravelDaily , it's mean livewire still have a homework to fix data binding for datepicker in modal isn't it.
Useful
Is there a way to do this with livewire V3 and the new FormObjects?
Yes it is possible, I'm working on a course about it, should launch next week.
@@LaravelDaily Hi! is this course already created? I need a tutorial for V3
Its spa ? No refresh sir ?
Yes you can call it a SPA.
What if you need to stay on the same page after creating a Product? How do you reset it? I'm sorry, but for me, this lesson is not 100% accurate. If you inject the model into the mount method, you cannot reset it later. In this case, the problem goes unnoticed, as the user is being redirected to another page after creating the Product.