Change view in sencha touch 2

[deepakgarg89]

I had make a controller in sencha touch 2 in which i am performing an ajax request.

I want to change the view on suceess.

Currently i am using
var firststep = Ext.create('Myapp.view.Rangeselector'); Ext.getCmp('loginForm').destroy();
Ext.Viewport.add(firststep);

It is destroying loginForm but didn't load Rangeselector view.

Can anyone please give me a solution.

[deepakgarg89]

I had make a controller in sencha touch 2 in which i am performing an ajax request.

I want to change the view on suceess.

Currently i am using

var firststep = Ext.create('Myapp.view.Rangeselector');
Ext.getCmp('loginForm').destroy();
Ext.Viewport.add(firststep);

It is destroying loginForm but didn't load Rangeselector view.

Can anyone please give me a solution.

[Schildi]

Hi deepakgarg89,

try this:

var firststep = Ext.create('Myapp.view.Rangeselector');
Ext.Viewport.setActiveItem(firststep);

It's not enough to just add your view to the viewport, you already have to navigate to it

Best regards,
Schildi

[deepakgarg89]

Thanks for reply, I will use it and than revert back on the same

[mitchellsimoens]

Use setActiveItem method. You can use this method a couple different ways.

You can pass it a component instance or a config object. If it's a config object it will create an instance. If the component instance (created by passing an instance or if it was created via a config object) isn't an item then it will add the instance to the parent. Once that happens then it will make it the active item and display it.

[mitchellsimoens]

Just noticed you posted the same question twice in 2 different forums. Please do not do this, I have merged the threads.

[deepakgarg89]

I will take care in future and post only in one forum