Element added to DOM event (ST2-B3)

[Zyphrax]

I'm using the RaphaelJs library to create a SVG drawing in my Sencha application. The application is quite large and I'm creating and destroying components as I go.

I thought that the Show event would fire after the element was added to the DOM. Unfortunately this isn't the case. What is the proper event to listen to?

I've read about the painted event, but that isn't working either.

[Zyphrax]

My workaround right now is adding this to the view:

 listeners: {
   painted: {
    fn: function () {
     // fire application event
    },
    element: 'element'
   }
  }

So that I can listen to the application event from the Controller.
But I'd prefer a way to do this properly from the Controller.

[Jamie Avins]

How are you adding the SVG elements in?

[Zyphrax]

I'm using RaphaelJS, it starts with the Raphael call:

if (!this.svg)
   this.svg = Raphael(this.getId(), 1000, 570);

RaphaelJS will throw a javascript error, because it can't retrieve the x and y positions of the parent container. Which makes sense because it hasn't been added to the DOM yet.

After that I do calls on this.svg to create SVG shapes.

[Zyphrax]

Bump

Jamie, is there a better way?
I'd prefer a controller-only solution