Как добавить событие click на кнопку балуна Яндекс Карт?

Question

[Станислав]

Здравствуйте, пытаюсь повесить на кнопку балуна событие on click,

'balloonContentBody': '<input type="button" value="Выбрать" class="baloon-button">'

$.ajax({
        // получаю метки и балуны
        }).done(function(data){
            data = JSON.parse(data);
            if (data['success'] === true){
                let objectManager = new ymaps.ObjectManager({
                    clusterize: true,
                    gridSize: 32,
                    clusterDisableClickZoom: true
                });
                map.geoObjects.add(objectManager);
                objectManager.add(data['information']);

                let layout = map.getBalloon().getLayout();
                YMaps.jQuery(layout.getRootNodes()).find('.baloon-button').click(function() {
                    console.log('Do something...');
                });
            } else{
                console.log(data['error']);
            }
        });

но получаю ошибку

map.getBalloon is not a function

Такой вариант тоже не работает

$('.baloon-button').on('click', function(){ 
    console.log('Do something...'); 
});

Comments

[Евгений]

Если верить документации, то взять балун на карте можно так
var balloon = map.balloon;
Если Вам надо добавить дополнительных контролов в макет былуна, да еще и обработчики навесить на эти элементы, то скорее всего придется описывать свой собственный шаблон балуна.
https://yandex.ru/dev/maps/jsbox/2.1/balloon_autopan

[Станислав]

Евгений, Спасибо! Но как-то слишком много кода, для такого простого функционала.

Answer 1

[Станислав]

Евгений ответил в комментарии

через собственный шаблон балуна

Как-то так

let myBalloonFooterBodyLayout = ymaps.templateLayoutFactory.createClass(
    '<input type="button" value="Выбрать" class="baloon-button">', {
        build: function() {
            myBalloonContentBodyLayout.superclass.build.call(this);
            $('.baloon-button').on('click', function() {
                console.log('Do something...');
            });
        }
    });
let objectManager = new ymaps.ObjectManager({
    contentFooterLayout: myBalloonFooterBodyLayout
});