Move between cards in card layout properly

[nade]

I am using the following code to switch between my cards.

Ext.Viewport.setActiveItem({
    xtype: 'searchDetail'
});

Although on every call a new instance of this xtype seems to be created. What do I have to change to show the previously created instance of this xtype instead of creating a new one?

Cheers,
Nade

[mitchellsimoens]

If you pass in a config object which this is:

{
    xtype : 'container'
}

Then it will always create a new instance of that. If you want to switch to an already created instance, you should pass the index, id, or the instance of the item to setActiveItem...

var cnt = view.down('container');  //this uses ComponentQuery to resolve a container

view.setActiveItem(cnt);

[nade]

Thank you, I did it this way and it works properly. Do you have any suggestions to improve it, otherwise the ticket can be marked as solved.

var cnt = Ext.Viewport.down('searchDetail'); 
      if(cnt)
      {
        Ext.Viewport.setActiveItem(cnt);
      } else {
        Ext.Viewport.setActiveItem({xtype: 'searchDetail'});
      }

[mitchellsimoens]

Little better but you primarily had it!

var cnt = Ext.Viewport.down('searchDetail');

if (!cnt) {
    cnt = {
        xtype : 'searchDetail'
    };
}

Ext.Viewport.setActiveItem(cnt);