Catching dragstart/dragend in a controller

[stevenewey]

Hello

I'm trying to catch the dragstart/dragend events for a container I've made draggable. But I only seem to be able to catch these if I attach listeners directly to the draggable part of the config for the container. I'd like these to be in the control config of my controller, but just attaching them to the container itself doesn't work. Is there some other way I need to reference them to catch the events?

Thanks
Stephen

[mitchellsimoens]

Since the events are on the element you can fire the on the component which would then be listenable from the controller.

[stevenewey]

Since the events are on the element you can fire the on the component which would then be listenable from the controller.

Thanks, I think I understand, although I'm entirely sure how to implement it. From my inside my container's config:draggable....

listeners: {
  dragend: function() {
    this.fireEvent('dragend', arguments);
  },
  dragstart: {
    fn: function() {
      this.fireEvent('dragstart', arguments);
    },
    order: 'before'
  }
}

In this case I think I'm just making the listener fire over and over. How can I reach the component from inside this element? Sorry if it's a really dumb question!

Thanks
Stephen