Js events

# Blade-директивы

Blade-директивы используются для быстрого объявления событий у компонентов.

@defineEvent 
@defineEvent(string|JsEvent $event, ?string $name = null, ?string $call = null, array $params = [])
  • $event - событие,
  • $name - название компонента,
  • $call - callback функция.
  • $params - параметры события.
<div x-data="myComponent">
            // @table-updated-index.window="asyncRequest"
            @defineEvent('table-updated', 'index', 'asyncRequest')
            >
        </div>
@defineEventWhen 
@defineEventWhen(mixed $condition, string|JsEvent $event, ?string $name = null, ?string $call = null, array $params = [])
  • $condition - условие для события,
  • $event - событие,
  • $name - название компонента,
  • $call - callback функция.
  • $params - параметры события.
<div x-data="myComponent">
            // @table-updated-index.window="asyncRequest"
            @defineEventWhen(true, 'table-updated', 'index', 'asyncRequest')
            >
        </div>

# Помощник AlpineJs

AlpineJs класс-помощник, для формирования событий.

AlpineJs::event() 
AlpineJs::event(string|JsEvent $event, ?string $name = null, array $params = [])
  • $event - событие,
  • $name - название компонента,
  • $params - параметры события
use MoonShine\Components\FormBuilder;
        use MoonShine\Enums\JsEvent;
        use MoonShine\Support\AlpineJs;
 
        FormBuilder::make('/crud/update', 'PUT')
        ->name('main-form')
        ->async(asyncEvents: [AlpineJs::event(JsEvent::TABLE_UPDATED, 'index', ['var' => 'foo'])])
AlpineJs::eventBlade() 
AlpineJs::eventBlade(string|JsEvent $event, ?string $name = null, ?string $call = null, array $params = [])
  • $event - событие,
  • $name - название компонента,
  • $call - callback функция.
  • $params - параметры события
use MoonShine\Components\FormBuilder;
        use MoonShine\Enums\JsEvent;
        use MoonShine\Support\AlpineJs;
 
        FormBuilder::make('/crud/update', 'PUT')
        ->name('main-form')
        ->customAttributes([
        // @form-reset-main-form.window="formReset"
        AlpineJs::eventBlade(JsEvent::FORM_RESET, 'main-form') => 'formReset',  
        ]);

# События по умолчанию

В админ-панели MoonShine определены несколько событий по умолчанию, названия которых можно удобно получить через enum JsEvent.

  • JsEvent::FRAGMENT_UPDATED - обновление фрагмента,
  • JsEvent::TABLE_UPDATED - обновление таблицы,
  • JsEvent::TABLE_REINDEX - обновление индексов таблицы при сортировке,
  • JsEvent::TABLE_ROW_UPDATED - обновление строки в таблице,
  • JsEvent::CARDS_UPDATED - обновление списка Сards,
  • JsEvent::FORM_RESET - сброс формы,
  • JsEvent::FORM_SUBMIT - отправка формы,
  • JsEvent::MODAL_TOGGLED - открытие / закрытие модального окна,
  • JsEvent::OFF_CANVAS_TOGGLED - открытие / закрытие Offcanvas,
  • JsEvent::TOAST - вызов Toast.

# Вызов событий через Response

В MoonShine можно вернуть события в MoonShineJsonResponse, которые потом будут вызваны.
Для этого необходимо воспользоваться методом events(). 

events(array $events)
  • $events - массив вызываемых событий.
use MoonShine\Enums\JsEvent;
        use MoonShine\Http\Responses\MoonShineJsonResponse;
        use MoonShine\Support\AlpineJs;
 
        //...
 
        return MoonShineJsonResponse::make()
        ->events([
        AlpineJs::event(JsEvent::TABLE_UPDATED, 'index'),
        ]);
Advanced
TypeCasts
Advanced
Helpers