Создание полностью пользовательского балуна

пытаюсь создать полность пользовательский балун.

создаем шаблон контента балуна

ymaps.layout.storage.add('my#problemBalloonLayout', myBalloonLayout);

var myBalloonLayout = ymaps.templateLayoutFactory.createClass('<h3><a href="/$[properties.id]"> $[properties.name] </a></h3>');

'my#superlayout'.

ymaps.layout.storage.add('my#problemBalloonContentLayout', myBalloonLayout);

создаем шаблон для балуна

var myBalloonLayout = ymaps.templateLayoutFactory.createClass('<div class="balloon"><a class="x" href="#">X</a><div class="content"></div></div>', {

build:function () {

this.constructor.superclass.build.call(this);

var balloon = this.getData().geoObject.balloon;

}

});

непонятны 2 вещи:

1. в build нужно как-то получить разметку конкреного балуна, что бы (в данном) навесить клик на ссылку Х (обращаться к ней $('a.x') — быссмысленно, т.к. обработчик навесится на все a.x что существуют на странице)

2. и как-то нужно указать, куда встраивать контент балуна заданного шаблоном

как решить эти 2 вопроса? в документации ничего подходещего не нашёл