How to override footer in Yandex Maps balloon layout?

Question

Yandex maps

Can't change Yandex map balloon footer template

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({
    clusterize: false,
    gridSize: 32,
    clusterDisableClickZoom: true,
    contentFooterLayout: myBalloonFooterBodyLayout // переопределение footer не работает
});
map.geoObjects.add(objectManager);
objectManager.add(data['information']);

Full code https://jsbin.com

Answer 1

Only the footer could not be redefined, it redefined the entire balloon template, it turned out to be a couple of lines of code more

let balloonLayout = ymaps.templateLayoutFactory.createClass(
    '<b>$[properties.balloonContentHeader]</b>' +
    '<div>$[properties.balloonContentBody]</div>' +
    '<input type="button" value="Выбрать" class="button-balloon">', {
        build: function() {
            balloonLayout.superclass.build.call(this);
            $('.button-balloon').on('click', function() {
                console.log('Do something...');
            });
        }
    });

let objectManager = new ymaps.ObjectManager({
    clusterize: false,
    gridSize: 32,
    clusterDisableClickZoom: true
});
objectManager.objects.options.set({
    balloonContentLayout: balloonLayout
});
map.geoObjects.add(objectManager);
objectManager.add(data['information']);