Symfony — рендеринг пользовательского поля form_widget

Короче говоря, после долгих исследований по этому поводу и нахождения некоторой информации о том, как расширить существующие типы полей, или наследовать от них, или изменить некоторые вещи в бэкэнде, но абсолютно ничего для фактического рендеринга во внешнем интерфейсе, я пришел сюда, чтобы задать вопрос.

Краткое объяснение «проблемы» под рукой: Мне нужно поле EntityType (ChoiceType — HTML Select), чтобы использовать мою собственную логику фильтрации и динамически извлекать результаты из вызова ajax, мгновенно заменяя параметры, перечисленные в раскрывающемся списке.

Текущий код (работает): в FormType.php

//in buildForm
{
    $builder->add('trainer', EntityType::class, [
            'class' => Trainer::class,
            'choices' => $training->trainer_list ?? [],
            'label' => 'seminar.trainer.form.trainer.label',
            'placeholder' => 'form.trainer.placeholder',
            'required' => false,
            'attr' => ['class' => 'trainer2select'] // has no outcome whatsoever?!
        ])
    $builder->addEventListener(FormEvents::PRE_SUBMIT, [$this, 'onPreSubmit']);
}

function onPreSubmit(FormEvent $event) {
    $form = $event->getForm();
    $data = $event->getData();

    $trainer = $this->em->getRepository(Trainer::class)->find($data['trainer']);

    $form->add('trainer', EntityType::class, [
        'class' => Trainer::class,
        'data' => $trainer,
        'label' => 'seminar.trainer.form.trainer.label',
        'placeholder' => 'form.trainer.placeholder',
        'required' => false,
    ]);
}

И в ветке:

{% if field == 'trainer' %}
     {{ form_row(attribute(form, field), {'id': 'trainer'}) }}
{% else %}
     {{ form_row(attribute(form, field)) }}
{% endif %}

{% block javascripts %}
<script>
    var lastTime;
    var timeoutEvents = [];
    $(document).ready(() => {
        function trainer_changed() {
            let input = event.target;
            lastTime = Date.now();

            timeoutEvents.push(setTimeout(() => {
                if (Date.now() - lastTime < 150)
                    return;
                jQuery.ajax({
                    url: '{{ path('trainer_select_ajax') }}',
                    type: 'GET',
                    data: {
                        search: input.value,
                        start: {{ seminar.event.start.date | date('Y-m-d') }},
                        end: {{ seminar.event.end.date | date('Y-m-d') }}
                    },
                    success: function (trainers) {
                        let trainer = $('#trainer');
                        trainer.get(0).options.length = 1;  // reset all options, except for the default
                        trainers.forEach(tr => {
                            trainer.append(new Option(tr.text, tr.id));
                        });
                        let search = $($("input.select2-search__field").get(1));
                        if (search.get(0)) {
                            search.get(0).oninput = null;  // detach our event handler so we don't loop
                            search.trigger('input');  // rebuild the dropdown choices
                            search.get(0).oninput = trainer_changed;  // reattach our event handler
                        }
                    }
                });
                lastTime = Date.now();
                timeoutEvents.forEach(e => {
                    clearTimeout(e);
                });
            }, 200));
        }
        function select_opened() {
            let trainerinput = $('input.select2-search__field').get(1);
            if (trainerinput) {
                trainerinput.oninput = trainer_changed;
            }
        }
        $('#select2-trainer-container').click(select_opened);
    });
</script>
{% endblock %}

Итак, видимо, поле EntityType отображается с использованием расширения select2. Очевидно, я могу заменить функциональность на javascript, но я хотел бы просто определить свой собственный «AjaxEntityType», который form_widget отображает так, как я этого хочу. Что-то, что я могу использовать в нескольких проектах, не используя некоторые глупые хаки, такие как предоставление имени класса по умолчанию и вызов javascript, изменяющий этот рендеринг после глобальной загрузки страницы. Итак... как дела?

Ресурсы, которые я проверил, оказались в основном бесполезными для того, чего я хочу достичь: https://symfony.com/doc/current/form/form_customization.html, https://symfony.com/doc/current/form/form_themes.html и многие другие.

Изменить для уточнения: оптимально то, что я ищу, - это минималистичный пример пользовательского FieldType, который всегда отображается как <select id = "FieldTypeWidget">, на котором всегда будет вызываться $('#FieldTypeWidget').select2({ajax: {foo}, searchFunction: {bar}});

на https://github.com/tetrans/select2entity-комплект я могу найти пример того, как предоставить эту функциональность в пакете, но есть ли более простой способ только в моем приложении?