ExtJS4: остановить всплытие событий с помощью Ext.draw

Question

У меня возникли некоторые трудности с всплывающими событиями в ExtJS4 и его компонентах рисования:

drawComponent.on('click', function(){
    var sprite = Ext.create('Ext.draw.Sprite', {
        type: 'circle',
        fill: '#79BB3F',
        stroke: '#000000',
        'stroke-width': 1,
        radius: 100,
        x: 100,
        y: 100,
        surface: this.surface,
        listeners: {
            'click': function(el,e){
                console.log('clicked');
                e.stopPropagation();
            }
        }
    });
    sprite.show(true);
});

При нажатии на drawComponent рисуется круг. При нажатии на круг это должно вызвать только clickHandler круга, а не drawComponent.

Есть идеи, что может быть не так с моим кодом? e.stopPropagation() должен остановить пузырь событий.

Спасибо, Chielus

Answer 1

Используйте метод addManagedListeners вместо свойства listeners для добавления события щелчка.

Событие click в компоненте также должно быть удалено.

Ссылки

• Ext.draw.Sprite