array:2 [ // resources/views/b24app/ui/dynamic.blade.php 0 => "test" "privet" => "test1" ]
array:3 [ // resources/views/b24app/ui/dynamic.blade.php "shkabko" => array:2 [ "value" => "Roman Shkabko" "key" => "shkabko" ] "bosko" => array:2 [ "value" => "Peter Bosko" "key" => "bosko" ] "grynik" => array:2 [ "value" => "Tarasich" "key" => "grynik" ] ]
Selected: 0
Сюди мы обычно выводим тот же VIEW, только обработаный
<x-selects.select
name="SELECT_INNER_TEST"
id="fx_select_TEST"
inputClass="fx-ajax-changeable"
value=""
:options="$test_options"
custom='data-ajax-url=/ui/fields/select data-ajax-insert-block=#my-insert-block'
>Селект с подвыбором</x-selects.select>
- data-ajax-url - Куда делаем запрос
- data-ajax-insert-block=#my-insert-block - Куда будем вставлять контент
Ответ от сервера в стандартном формате:
1. Если просто обработать - return array('status' => 'success', 'message' => 'Selected: ' . $request->input('SELECT_INNER_TEST'));
2. Вернеть вью - return array('status' => 'success', 'message' => view('inc/post_block_fields')->with($data)->render());
<x-selects.livesearch
name="LIVE_SEARCH_NAME"
id="live_search_LIVE_SEARCH_NAME"
method="\Flamix\UI\Controllers\LiveSearchController::LiveSearchExample"
requireValue="fx_select_TEST"
value=""
:options="[]"
>Живой поиск</x-selects.livesearch>
- method - Указываем какой метод будем вызывать. Обязательно имя метода должно содержать LiveSearch. Метод без () и прочей херни
- requireValue - ID элемента, значчение которого будет дополнительно передаваться в поиске
Сам класс через requset может получать 2 параметра $request = \request()->only(['q', 's']);
- q - то что вводит пользователь
- s - доп начение из requireValue
В методе делаете что нужно, а потом формируете массив и возвращаете через такой класс
\Flamix\UI\Controllers\LiveSearchController::result($your_array, 'name', 'key', 'age');
- $your_array - ваш массив
- name - Ключ для значения $your_array['shkabko']['name'] = 'Roman'; name = Roman
- key (по умолчанию false, т.е. ключ самого массива) $your_array['shkabko']['name'] = 'Roman'; key = shkabko;
- age (по умолчанию false, т.е. его не будет) $your_array['shkabko']['age'] = '30'; age = 30;
array:2 [ // resources/views/b24app/ui/dynamic.blade.php 4 => array:2 [ "key" => "4" "name" => "Roman Shkabko" ] 6 => array:4 [ "key" => "6" "name" => "Taras Hrynik" "img" => "https://b24.flamix.info/upload/main/370/avatar.jpg" "status" => "active" ] ]
<x-elements.users></x-elements.users>
- Функционал добавления и удаления пользователей
Дата | Статус |
---|---|
Давно выяснено, что при оценке дизайна и композиции |
+
|
Многие программы електронной верстки |
|
В результате сгенерированный Lorem Ipsum выглядить... |
<div class="fx-sort__item">
<div class="fx-sort__main-info">
<img src="/img/menu-toggle.svg" class="fx-icon-handle fx-icon-menu" alt="">
<div class="fx-sort__user-wrap">
<img class="fx-user-img"
src="user-image"
alt=""
/>
<span class="fx-sort__user-name" data-name="Roman Shkabko"></span>
</div>
<span class="fx-sort__name">Roman Shkabko</span>
</div>
<x-toggler.toggler name="test" id="test" labelClass="test" value="test" checked=""></x-toggler.toggler>
</div>
* fx-sort__item - клас инициализации плагина сортировки
- data-name="Roman Shkabko" - в случае отсутствия картинки будут отображаться инициалы имени пользователя ( RS )
Code:
<div class="row">
<div class="text-center mx-auto mb-5">
<x-progress.loader></x-progress.loader>
<h1>Loader</h1>
<p>Some text</p>
</div>
</div>
1. Create component: php artisan make:livewire live-search-demo
2. Add to component search() method
3. Add to page your component: <livewire:live-search-demo lazy name="DEMO_NAME" slug="Місто" value="" />