Components

Decoration Fragment

-Make -Asynchrinous event

Make

Sometimes you need to return only part of a template in your HTTP response. For this, you can use Blade Fragments. The Fragment decorator allows you to create corresponding blocks.

You can create a Fragment using the static make() method.

make(array $fields = [])
make(array $fields = [])

Method name() sets the name for the fragment.

use MoonShine\Decorations\Fragment;
use MoonShine\Fields\Text;
 
//...
 
public function components(): array
{
    return [
        Fragment::make([
            Text::make('Name', 'first_name')
        ])
            ->name('fragment-name')
    ];
}
 
//...
use MoonShine\Decorations\Fragment;
use MoonShine\Fields\Text;
 
//...
 
public function components(): array
{
    return [
        Fragment::make([
            Text::make('Name', 'first_name')
        ])
            ->name('fragment-name')
    ];
}
 
//...

Asynchronous event

You can incorporate an area in a Fragment and set an event on this area, by calling which it will be possible to update the fragment

Fragment::make($fields)
    ->name('fragment-name'),
Fragment::make($fields)
    ->name('fragment-name'),

And as an example, let's call an event for successful submission of the form

FormBuilder::make()->async(asyncEvents: 'fragment-updated-fragment-name')
FormBuilder::make()->async(asyncEvents: 'fragment-updated-fragment-name')

You can also pass additional parameters with the request via an array

Fragment::make($fields)
    ->name('fragment-name')
    ->updateAsync(['resourceItem' => request('resourceItem')]),
Fragment::make($fields)
    ->name('fragment-name')
    ->updateAsync(['resourceItem' => request('resourceItem')]),

Passing parameters

The withParams() method allows you to pass field values with the request using element selectors.

Fragment::make($fields)
    ->withParams([
        'start_date' => '#start_date',
        'end_date' => '#end_date'
    ])
    ->name('fragment-name'),
Fragment::make($fields)
    ->withParams([
        'start_date' => '#start_date',
        'end_date' => '#end_date'
    ])
    ->name('fragment-name'),