Клуб API Карт

Как получить содержимое балуна в виде DOM/jQuery-объекта?

watches-arwm
22 октября 2015, 06:29

Хочется в балуне показывать HTML-форму, submit которой будет контролироваться обработчиком.

Сделать балун с формой получилось, а вот научиться ловить её события и вообще как-то получить доступ к её DOM-узлу — нет.

 

new ymaps.Placemark(
    ...
    { balloonContent: "<form>...</form>" }
);


Вот как обратиться к balloonContent так, чтобы сделать из него jQuery-объект и назначить обычные DOM event-обработчики (или хотя бы второе)?

2 комментария

Через макет

var MyBalloonLayout = ymaps.templateLayoutFactory.createClass('{{ properties.balloonContent|raw }}', {

    build: function () {

         MyBalloonLayout.superclass.build.call(this);

         this,_formElement = jQuery('form', this.getParentElement()).on('submit', ...);

    },

    clear: function () {

         this._formElement.off('submit')

         MyBalloonLayout.superclass.clear.call(this);

    }

})

 

myPlacemark = new ymaps.Placemark(_coords_, { balloonContent: '...' }, { balloonContentLayout: MyBalloonLayout });

 

Да и сам html формы конечно лучше положить в шаблон макета, и передавать в properties только данные полей

Большое спасибо за понятный и исчерпывающий ответ!