Avoiding Re-rendering Of A Flash Object From Scratch When View Is Reactivated

I have a question about div caching in ember js for views. I am rendering a really heavy flash application as a part of a view and i want to switch between views but not necessaril

Solution 1:

It sounds like the feature you'd like is to be able to reuse a view instance and it's DOM across states. I have some ideas for how that could be done, unfortunately it's not possible right now without some nasty hacks.

Also, unfortunately with flash objects, they seem to get rerendered if you move them in the DOM or if you change their visibility. From what I can tell, to "hide" a flash object without causing a rerender, you can only move it off screen using CSS.

Update:

Here's a working jsFiddle example: http://jsfiddle.net/EE3B8/1

Unfortunately, that technique won't work for Flash objects, since moving them in the DOM will cause them to be reloaded. This would be a good way of eliminating expensive DOM creation/view instantiation.