Change view in sencha touch 2

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.

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.

Hi deepakgarg89,

try this:

Code:

---

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

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

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.

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

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