Макет балуна кластера "Две колонки"

Вы просто дополнили прошлый ответ или у вас вопрос, как обратиться к объекту?

Вопрос.

Ничего умнее таких вот jquery макарон не придумал (смотреть на событие $(document).on('click', 'ymaps.ymaps-b-cluster-tabs__menu-item,...... )

 

    var initYandexMap = function() {
        yandexMap = new ymaps.Map('map', {
            center: [55.755768, 37.617671],
            zoom: 10,
            controls: ['zoomControl']
        });

        var MyBalloonContentLayoutClass = ymaps.templateLayoutFactory.createClass(
            '{{ properties.name }}' +
            '
Адрес: {{ properties.address }}
' +
            '{% if properties.description %}
Описание: {{ properties.description }}
{% endif %}'
        );
        ymaps.layout.storage.add('my#simplestBCLayout', MyBalloonContentLayoutClass);

        var customBalloonContentLayout = ymaps.templateLayoutFactory.createClass([
            '
'
,
            '{% for geoObject in properties.geoObjects %}',
            '
{{ geoObject.properties.name|raw }}
',
            '{% endfor %}',
            ''
        ].join(''));

        var customItemContentLayout = ymaps.templateLayoutFactory.createClass([
            '$[properties.name]',
            '
Адрес: $[properties.address]
',
            '
Описание: $[properties.description]
'
        ].join(''));

        yandexMapClusterer = new ymaps.Clusterer({
            //preset: 'islands#redClusterIcons',
            //clusterBalloonContentLayout: customBalloonContentLayout,
            clusterBalloonItemContentLayout: customItemContentLayout,
            clusterBalloonMaxHeight: 250,
            clusterBalloonPanelMaxMapArea: 0
        });
        yandexMapClusterer.options.set({
            gridSize: 64,
            minClusterSize: 2,
            margin: 20,
            zoomMargin: 50
        });

        $(document).on('click', 'ymaps.ymaps-b-cluster-tabs__menu-item, span.listClustererItem', function(event) {
            event.stopPropagation();

            var yandexMapObjectsLength = yandexMapObjects.filter(function(element){ return element !== undefined; }).length;
            var parentItem = $(this).parent();
            var tagName = $(this).prop('tagName');
            var elementId = (tagName == 'SPAN' ? $(this) : $(this).find('span.listClustererItem')).data().id

            for (var i = 0; i < yandexMapObjectsLength; i++) {
                var geoObject = yandexMapObjects[i];

                if (geoObject.properties.get('id') == elementId) {
                    var objectState = yandexMapClusterer.getObjectState(geoObject);

                    if (objectState.isClustered) {

                        if (tagName == 'SPAN') {
                            objectState.cluster.state.set('activeObject', geoObject);
                            parentItem.trigger('click');
                        }
                    }

                    $('.selectedOrderPickup').select2('val', geoObject.properties.get('id'));

                    return false;
                }
            }

            return false;
        });
    }

И сам же нашел решение.

 clusterer.events
        .add('balloonopen', function (event) {
           activeObjectMonitor = new ymaps.Monitor(event.get('cluster').state);
           activeObjectMonitor.add('activeObject', function (newValue, oldValue) {
               console.log('selected', newValue);
           });
        })

Да, этот вариант изящнее)