So I've been working with Sencha for a few days now, but I've run into a big stumbling block. I have a panel that I show as modal and centered, which I show like this:
This shows up great, and meetsmy needs perfectly. In my controller, I set up refs to several items on this panel like this:
var panel = Ext.create('MyApp.view.Recipients',
centered : true,
modal : true,
width : Ext.Viewport.getWindowWidth() - 50,
height : Ext.Viewport.getWindowHeight() - 50
and then I use these in the control section to link up events. Everything works great the first time I show the panel. When the user is done I call this to remove the panel from view:
reclist : '#recipientlist',
reclistsearch : '#recipientlistsearch',
rectofield : '#recipients_tofield',
This works fine and closes the view as expected. The problem comes when I show the panel again using the same code I posted above; this time when the panel shows up none of the controls have any events hooked up to them. It feels to me like the refs are still pointing somewhere off into memory at controls that have already been destroyed.
How do I get the refs to point to the newly recreated controls like they should be ?
Thanks for looking!