Disable set active item in a controller when data returned is empty

[pkvenu]

I have a controller as shown below:


showMapBasedOnInputLocation: function (options) {
GetData(options.id[0], options.id[1]);
Ext.getCmp('FilterSelect').setOptions([
{ text: 'Availability', value: 'Availability' },
{ text: 'Price', value: 'Price' },
{ text: 'Proximity', value: 'Proximity' }
]);
Ext.getCmp('mytab').setActiveItem(0);
map.graphics.clear();
this.application.viewport.setActiveItem(
App.views.result,
{
type: 'slide',
direction: 'right'
}
);

},

Here i don't want to set the active items if the data in the store is empty.


if(App.stores.ParkingFacility.data.items.length > 0)
{
this.application.viewport.setActiveItem(
App.views.result,
{
type: 'slide',
direction: 'right'
}
);
}


but does not seem to work.

Any suggestion or ideas i could use.

Regards,
Pawan

[mitchellsimoens]

You have a timing issue. Why not have the if statement with in your first code snippet?

[pkvenu]

I do have it in my first Statement. I think the problem is the GetData() method make a jsonp request and once the jsonp request (asynchronous ) is executed it immediately passes control to controller back and executes the code below.

this.application.viewport.setActiveItem(
App.views.result,
{
type: 'slide',
direction: 'right'
}
);
Is there any way i could make it wait until i get all my data back and then execute the set active method. can you help me out with any sample code.