Load and unload active view into viewport

[busaware1]

Hi,

I'm using ST2.1 MVC.
I have a login view which on success loads a view with a list (dataview) of items.
The user can click an item and it loads an individual edit view for that item. E.g. each item is a different type and has a different type of edit view.
e.g
Login -> Items -> Item Edits.

I found some discussion about how views should be destroyed? from the viewport but I could not find a definitive approach or discussion in the docs about how to go about this.

With some experimentation in my login button success I do the following to show the 'items' view:

var itemsview= Ext.create('MyApp.view.Items');
        Ext.Viewport.add(itemsview);
// I dont destroy the login screen as I have a logout button that when pressed removes it (see next code section)
Ext.Viewport.setActiveItem(itemsview);

In the MyApp.view.Items I have a logout button which does this

Ext.Viewport.remove(Ext.Viewport.getActiveItem(), true);

which mostly works to (seemingly) remove the MyApp.View.Items from the viewport and the login screen is displayed.

From the clicking on an item in MyApp.View.Items view I call the Edit view (associated with the item ) in a similar way ( from a tap event ):

var editview= Ext.create('MyApp.view.Edit');
        Ext.Viewport.add(editview);
// not destroying the itemview as we want to come back to that from the editview
Ext.Viewport.setActiveItem(editview);

This loads the edit view (although I have to reload some shared components that where already in the item view - not sure why - will create a separate post for this).

Now I would have thought that if I have a 'back' button on my edit view and do the following (below) that this would take me back to the 'items' list view - it doesnt it takes me back to the 'login' screen!

Obviously I am missing something here in my understanding.

// remove the active view from the viewport - which is the edit scren
        // this will show the list screen as we never removed that i.e. that
// is the previous one in the stack.
        Ext.Viewport.remove(Ext.Viewport.getActiveItem(), true);

Any help / understanding of best approach to moving views in and out of the app viewport to ensure memory management and screens don't need to be repopulated with data with this and in my example above how to achieve this would be appreciated greatly.
thx

[mitchellsimoens]

If you do:

Ext.Viewport.remove(Ext.Viewport.getActiveItem(), true);

And the active item was the list view, that list view will be destroyed so to go back to the list view you would have to create a new instance of that list view.

[busaware1]

thanks,

not sure why but I had to replace..

Ext.Viewport.remove(Ext.Viewport.getActiveItem(), true)

with

Ext.Viewport.setActiveItem(this.getRefToMyScreen());

for this to work.

[mitchellsimoens]

remove() will only remove the item. setActiveItem makes a new item active but does not remove the old item.

[busaware1]

thanks
so is the best practice to always remove and re-add for memory etc. management?