[PR1] Selecting child items via controller

[hallikpapa]

In extjs4, I would have a TabPanel with grids in each tab. Depending on which one was selected is how I chose which store to load. In ST, I am using a carousel. I have one defined like this:


Ext.define('Ace.view.LinkSummaryCarousel', {
extend: 'Ext.Carousel',
xtype : 'linkcarousel',
id : 'linkSummaryCarousel',
requires: ['Ace.view.LinkSummaryGrid', 'Ext.Carousel'],
config: {
title: 'Top Pages',
items: [{
xtype : 'linkgrid',
ufq : 'somedata'
},{
xtype : 'linkgrid',
ufq : 'moredata'
}]
}
});


So everything is loading fine, but I want to only load the store on the viewable grid. I am trying to do it like this in the controller:


refs: [
{ ref : 'carousel', selector: '#linkSummaryCarousel' }
],

init: function() {
this.control({
'#linkSummaryCarousel': {
show : this.onLinkGridRender
}
});

onLinkGridRender : function(me, eOpts) {
console.log('grid render');
//only load active item
//var grid = this.getLinkcarousel();
var grid = this.getLinkcarousel().getActiveItem();
var x = grid.items.first();
if (grid) {
grid.getStore().load({params : {ufq : this.ufq}});
}
},


I have attached a screenshot of what is available when I just execute this.getLinkcarousel(). getActiveItem() or the items array are not available. _items is empty array.

[Jamie Avins]

Thank you for the report.

[hallikpapa]

I didn't notice this on the PR2 list. Is this a deeper problem that may take a longer dev cycle?

[Jamie Avins]

MVC issues in general are being done together as part of a larger refactoring. These related issues are being reviewed as part of that process.

[edspencer]

I don't understand why you are calling grid.items.first() - surely you just want this.getCarousel().getActiveItem().getStore().load() ?

[hallikpapa]

grid.items.first() isn't actually doing anything. I just wanted to see what was contained there. You can see I have this right after:



if (grid) {
grid.getStore().load({params : {ufq : this.ufq}});
}

[edspencer]

Are you sure this is Controller-related? It doesn't look like it...

[hallikpapa]

It sure seems like it, but if it isn't a problem in the controller, it's still got to be a bug. I am trying to get the view so I can get the store that is attached to it, but it is not working as expected. This is how I do it in extjs4 and it works.

Where do you see a problem with the code?

[rdougan]

It's impossible to know what is going on without knowing what your 'grid' class is. If it is just a carousel, you can use carousel.getItems().getAt(0) to get the first item.

[hallikpapa]

The grid class are different instances of the same grid panel plugin I found on these forums for ST. I need to do some more testing, because this same code started working in PR3, and hopefully it still works in PR4.