parent от parent в fieldList

ЗАКРЫТО InstantCMS 2.X

Подгрузка данных ajax от зависимого поля

#1 24 октября 2022 в 12:31

Всем здравствуйте.

Пишу одну поделку для своего сайта. Коротко о назначении — есть своя метеостанция (китайская, но всё-же), она передаёт на сайт кучу показаний, в первом приближении компонент был уже реализован и на сайте установлен, таким образом прием показаний осуществляется успешно.

Так как некоторые данные приходят на сайт так, как заложено передающим устройством, т.е. например, направление ветра измеряется и делится на 16 румбов, которые передаются как интернациональные наименования: N,S,E,W,N и т.д.

Как следствие наличия таких данных — их неудобно и не правильно отображать пользователю на сайте, не покажешь же надпись «Ветер NE 3.2 м/с», хотелось бы «Ветер северо-восточный 3.2 м/с», поэтому необходимо преобразование данных, но не на этапе приема, а на этапе отображения.

Для этого был придуман некий обработчик поля, который использует справочник, обработчики как подмодули компонента устанавливаются и регистрируюся в БД, данные справочников так-же попадают в БД при установке подмодуля.

А теперь к описанию проблемы, есть форма добавления правила преобразования данных, которая включает в себя:

Выбор действия (на данном этапе мы будем рассматривать только замену значения)

                    new fieldList('handler_type',[
                        'title' =>  LANG_GATEWAYS_HANDLER_TYPE,
                        'items' => [
                            'none' => LANG_GATEWAYS_NONE,
                            gatewaysHandlers::RULE_REPLACE => LANG_GATEWAYS_HANDLER_RULE_REPLACE
                        ],
                        'rules' => [['required']]
                    ]),

Выбор справочника, установленного обработчиком в зависимости от правила:

                    new fieldList('dictionary',[
                        'title' => LANG_GATEWAYS_DICTIONARY,
                        'visible_depend' => ['handler_type' => ['show' => [gatewaysHandlers::RULE_REPLACE]]],
                        'parent' => [
                            'list' => 'handler_type',
                            'url'  => href_to($this->controller->root_url, 'handler',[
                                $handler_name,
                                $this->controller::ACTION_AJAX,
                                'dictionaries'
                            ])
                        ],
                    ]),

Список справочников получается нормально, так как нужно.

Следующим этапом нужно подгрузить 2 поля, в зависимости от того, какой справочник выбран, т.е. надо дать выбор поля «где искать значение» и «на что заменить значение».

Но, если своять конструкцию аналогичную с директивой parent, ajax запроса после изменения набора данных dictionary не выполняется, для примера пробовал и так:

                    new fieldList('options:from',[
                        'title' => LANG_GATEWAYS_FROM_FIELD,
                        'visible_depend' => ['handler_type' => ['show' => [gatewaysHandlers::RULE_REPLACE]]],
                        'parent' => [
                            'list' => 'dictionary',
                            'url'  => href_to($this->controller->root_url, 'handler',[
                                $handler_name,
                                $this->controller::ACTION_AJAX,
                                'from'
                            ])
                        ],
                    ]),

и иначе, через директивы dynamic_list...

Теперь к вопросу сабжа, можно ли обрабатывать поля с директивой parent в зависимости от другого поля с директивой parent. Если нет, можете ли вы предложить какую-то идею по реализации, судя по всему — у меня творческий кризис.

ICMS 2.15.2 PHP 7.4

Заранее спасибо за помощь и идеи.

Добавлено спустя 8 минут

Дополню, пробовал делать render_child от значения, подгруженного через parent, не сработало. Так-же пробовал делать generator => function ($item, $request), но $request не в виджетах у меня почему-то не срабатывает.

savenkoff.com - тут есть кое-что, даже для InstantCMS

#2 24 октября 2022 в 20:31

метеостанция (китайская, но всё-же)
savenkoffcom

А можно ссылку на эту метеостанцию станцию ?

#3 25 октября 2022 в 04:51

Игорь ФИН, офтоп, но всё-же вот. Брал комплект датчиков, снимал с него сигнал, расшифровывал, писал приемник на Ардуино с передачей сигнала через Wi-Fi на сайт. Несколько устаревший вариант прошивки есть на форуме AlexGyver, мы там с ребятам разбирали прошивку.

savenkoff.com - тут есть кое-что, даже для InstantCMS

Сегодня в 16:42

#4 27 октября 2022 в 07:38

Добавлено спустя Только что

А теперь очень жду советов по реализации.

savenkoff.com - тут есть кое-что, даже для InstantCMS

#5 27 октября 2022 в 14:24

А насколько велик объём данных, которые нужно будет менять? Может легче составить массив этих данных и производить подмену на стороне клиента? Если вывод на одной странице, думаю jquery или vue.js с этим отлично справятся.

#6 27 октября 2022 в 18:06

Или написать свой обработчик полей, поставить слушатель к полям и делать аякс запрос.

Мало информации по полям и по данных которые передается, поэтому сложно чем то помочь

Telegram канал https://t.me/my_instantcms

#7 28 октября 2022 в 18:00

А насколько велик объём данных, которые нужно будет менять? Может легче составить массив этих данных и производить подмену на стороне клиента? Если вывод на одной странице, думаю jquery или vue.js с этим отлично справятся.
Lora

Вы немножко не поняли суть вопроса, задача с отображением — это второстепенная задача. Первичная из сабжа — это формирования формы настройки правила замены. Мне нужно как-то максимально дистрибутивно сделать форму, в которой от поля, подгружаемого по ajax через parent будет срабатывать ещё n-e количество полей по значению выше.

Или написать свой обработчик полей, поставить слушатель к полям и делать аякс запрос.
My-InstantCMS.Ru

Можете мне дать ссылку на какой-нибудь пример реализации подобного функционала, себе такого не писал ни разу — пока не понимаю, с какой стороны подойти к данной реализации.

Мало информации по полям и по данных которые передается, поэтому сложно чем то помочь
My-InstantCMS.Ru

Мне кажется для озвученной задачи информации вполне достаточно. Давайте дам информации по полям, поля — катомные, настраиваются аналогично типам контентов, в т.ч. размерность. Настроенный перечень полей:

Время (Дата)
Температура (Число)
Влажность (Число)
Направление ветра (Строковое поле)
Скорость ветра (Число)
Порывы ветра (Число)
Осадки (Число)
Атмосферное давление (Число)
Low Battery (Флаг)

Поле «Направление ветра (Строковое поле)» как раз то, что требуется заменять по настроенному в админке правилу, форму настройки которого я пытаюсь сделать.

savenkoff.com - тут есть кое-что, даже для InstantCMS

#8 28 октября 2022 в 18:19

savenkoffcom, я имел в виду поля, при изменении которых меняется данные других полей.

пока не понимаю, с какой стороны подойти к данной реализации
savenkoffcom

Если коротко.

У нас есть поле Страна, Область, город

Список стран заранее подгружен. Нам надо при изменении поле Страна, подгружались области и при изменении области, подгружались города.

$('#ID_ПОЛЕ_СТРАНА').on('change', function(){
	$.post("ССЫЛКА_НА_СТРАНЦУ_ОБЛАСТИ", { country_id: $(this).val()}, function(result){
		$.each( result, function( index, value ) {
			$('#ID_ПОЛЕ_ОБЛАСТЬ').append('<option value="' + index + '"''>' + value + '</option>');
		});
		$('#ID_ПОЛЕ_ОБЛАСТЬ').trigger('chosen:updated');
	}, 'json');
});
$('#ID_ПОЛЕ_ОБЛАСТЬ').on('change', function(){
	$.post("ССЫЛКА_НА_СТРАНЦУ_ГОРОДОВ", { region_id: $(this).val()}, function(result){
		$.each( result, function( index, value ) {
			$('#ID_ПОЛЕ_ГОРОД').append('<option value="' + index + '"''>' + value + '</option>');
		});
		$('#ID_ПОЛЕ_ГОРОД').trigger('chosen:updated');
	}, 'json');
});

Telegram канал https://t.me/my_instantcms

#9 28 октября 2022 в 18:22

My-InstantCMS.Ru, прошу прощения, не правильно понял. Понял, это компонент geo. Пойду посмотрю на него ещё разок. Спасибо за наводку.

savenkoff.com - тут есть кое-что, даже для InstantCMS

#10 31 октября 2022 в 23:40

My-InstantCMS.Ru, прошу прощения, не правильно понял. Понял, это компонент geo. Пойду посмотрю на него ещё разок. Спасибо за наводку.
savenkoffcom

А вот этот компонент не смотрел instantcms.ru/addons/meteo2.html там если смотреть с сайта есть все данные.

#11 1 ноября 2022 в 12:00

Игорь ФИН, задача — отдавать показания онлайн со своих приборов, иметь возможность строить графики и хранить показания а архиве n-e кол-во времени. Параллельно — брать показания с открытых датчиков сервиса Народный Мониторинг по району. А указанное Вами дополнение не отвечает моим требованиям.

Добавлено спустя 24 минуты

My-InstantCMS.Ru, не, снова какой-то тупик. Второй запрос на обновление в любом случае не выполняется.

Форма php:

class formGatewaysRemake extends cmsForm {
    public function init($do, $handler_name, $allowed_rules, $dictionaries)
    {
        return [
            'options' => [
                'type' => 'fieldset',
                'title' => LANG_OPTIONS,
                'childs' => [
                    new fieldString('name', [
                        'title' => LANG_SYSTEM_NAME,
                        'rules' => [
                            ['required'],
                            ['sysname'],
                            ['max_length', 32]
                        ]
                    ]),
                    new fieldString('title', [
                        'title' => LANG_TITLE,
                        'rules' => [
                            ['required'],
                            ['max_length', 128]
                        ]
                    ]),
                    new fieldList('handler_type',[
                        'title' =>  LANG_GATEWAYS_HANDLER_TYPE,
                        'items' => [
                            'none' => LANG_GATEWAYS_NONE,
                            gatewaysHandlers::RULE_REPLACE => LANG_GATEWAYS_HANDLER_RULE_REPLACE
                        ],
                        'rules' => [['required']]
                    ]),
                ],
            ],
            'settings' => [
                'type' => 'fieldset',
                'title' => LANG_GATEWAYS_HANDLER_OPTIONS,
                'childs' => [
                    new fieldList('dictionary', [
                        'title'  => LANG_GATEWAYS_DICTIONARY,
                        'rules'  => [['required']],
                        'visible_depend' => ['handler_type' => ['show' => [gatewaysHandlers::RULE_REPLACE]]],
                        'parent' => [
                            'list' => 'handler_type',
                            'url'  => href_to($this->controller->root_url, 'handler',[
                                $handler_name,
                                $this->controller::ACTION_AJAX,
                                'dictionaries'
                            ])
                        ],
                        'generator' => function($item, $request) {
                            $list     = ['none' => LANG_GATEWAYS_NONE];
                            $handler_type = is_array($item) ? array_value_recursive('handler_type', $item) : false;
                            if (!$handler_type && $request) {
                                $handler_type = $request->get('handler_type', 0);
                            }
                            if (!$handler_type) {
                                return $list;
                            }
                            return ['0' => '0'];
                        }
                    ]),
                    new fieldList('options:from', [
                        'title'  => LANG_FROM,
                        'rules'  => [['required']],
                        'parent' => [
                            'list' => 'dictionary',
                            'url'  => href_to($this->controller->root_url, 'handler',[
                                $handler_name,
                                $this->controller::ACTION_AJAX,
                                'from'
                            ])
                        ],
                        'visible_depend' => ['handler_type' => ['show' => [gatewaysHandlers::RULE_REPLACE]]],
                        'generator' => function($item, $request) {
                            $list     = ['none' => LANG_GATEWAYS_NONE];
                            $handler_type = is_array($item) ? array_value_recursive('dictionary', $item) : false;
                            if (!$handler_type && $request) {
                                $handler_type = $request->get('dictionary', 0);
                            }
                            if (!$handler_type) {
                                return $list;
                            }
                            return ['0' => '0'];
                        }
                    ]),
                ]
            ],
        ];
    }
}

При этом генерируется java-script:

    	<script>
                $('#handler_type').chosen({no_results_text: 'Нет элементов для отображения', placeholder_text_single: 'Выбрать', placeholder_text_multiple: 'Выбрать несколько', disable_search_threshold: 8, width: '100%', allow_single_deselect: true, search_placeholder: 'Начните вводить или выберите из списка', search_contains: true, hide_results_on_select: false});
            </script>
 
	<script>
            $('#handler_type').on('change', function(){
            icms.forms.updateChildList('dictionary', '/admin/controllers/edit/gateways/handler/wind/x/dictionaries', $(this).val(), "", $(this).attr('name'));
        });
                $('#dictionary').chosen({no_results_text: 'Нет элементов для отображения', placeholder_text_single: 'Выбрать', placeholder_text_multiple: 'Выбрать несколько', disable_search_threshold: 8, width: '100%', allow_single_deselect: true, search_placeholder: 'Начните вводить или выберите из списка', search_contains: true, hide_results_on_select: false});
            </script>
 
	<script>
            $('#dictionary').on('change', function(){
            icms.forms.updateChildList('options_from', '/admin/controllers/edit/gateways/handler/wind/x/from', $(this).val(), "", $(this).attr('name'));
        });
                $('#options_from').chosen({no_results_text: 'Нет элементов для отображения', placeholder_text_single: 'Выбрать', placeholder_text_multiple: 'Выбрать несколько', disable_search_threshold: 8, width: '100%', allow_single_deselect: true, search_placeholder: 'Начните вводить или выберите из списка', search_contains: true, hide_results_on_select: false});
            </script>
 
	<script>
    initMultyTabs('.field_tabbed');
            icms.forms.addVisibleDepend('e87c66e64e5ed0a7556fa7473916eee6', 'dictionary', {"handler_type":{"show":["replace"]}});
            icms.forms.addVisibleDepend('e87c66e64e5ed0a7556fa7473916eee6', 'options:from', {"handler_type":{"show":["replace"]}});
            icms.forms.VDReInit();
    </script>

Но запроса на изменение поля dictioaries не выполняется:

Как добиться, чтобы выполнялось обновление поля options:from в зависимости от поля dictionaries? Собственно, повторяю сабж.

Добавлено спустя 58 минут

generator по-моему вообще лишний, не заметил, что что-то отрабатывает...

savenkoff.com - тут есть кое-что, даже для InstantCMS

#12 1 ноября 2022 в 18:31

generator по-моему вообще лишний
savenkoffcom

parent тоже лишний или js код с onchange

Вы либо используйте системный parent либо то что я подсказал, через on change наблюдать изменения и подгрузить данные.

И смотрите вкладку Сеть, там при аякс запросе показывает куда ушел запрос, что передано и что вернули.

Telegram канал https://t.me/my_instantcms

#13 28 ноября 2022 в 11:36

Прошу прощения за отсутствие, работал на другом проекте.

My-InstantCMS.Ru, я использую максимально имеющиеся возможности дистрибутива, в генерацию JS стараюсь вообще не лезть, так как это не мое (временно). Вот как раз вкладка консоль прекрасно отображает что отправилось и что вернулось. В окне сеть, чуть больше информации, но по нему так же видно, что второй (необходимый) запрос не выполняется:

Похоже, пойду я, уже пройденным ранее методом, через сессионное хранение параметров запроса. А то уже слишком зациклился я с этой выборкой.

Добавлено спустя 1 час

Говорят, со свежей головой и работается лучше. Нашел решение. Весь представленный код выше корректен, не корректно было возвращать список значений (в моем случае Справочников) одним значением, которое сразу устанавливается в поле формы. Если вернуть хотя бы 2 значения, одно из которых сделать none => Не выбрано, то при смене значения второй запрос Ajax выполняется.

Вообщем не баг, а фича.

Тему закрываю, всем спасибо за участие.

savenkoff.com - тут есть кое-что, даже для InstantCMS

Видео на сайте

Запрос экшена по Аякс

parent от parent в fieldList

Похожие темы

Некорректно выводится список прикрепленных записей в поле parent_id/ Как можно исправить?

Можно ли поле parent_TK_id вывести в фильтре выпадающим списком?

InstantCMS Team

О проекте

Поддержка

Дополнения