Ext.dataview.List

[novosmt]

I currently have a List that changes the ActiveItem of a carousel when an item in a List is tapped. This works great. (except for the animateActiveItems animation params are not supported for carousels)

pageList = Ext.create("POS.view.PageList", {
listeners: {
select: function(view, record) {
var pageIndex = Number(record.get("pageNumber"));
contentCarousel.animateActiveItem(pageIndex-1);
}
}
});

In reverse, I would like to programmaticly change the selected List item when the carouse gets swiped. I have tried pageList.setRecord, pageList.setItemId with no luck.

Any Thoughts?

-steve

[novosmt]

I was able to resolve this using the .select() method.

contentCarousel = Ext.create("POS.view.Content", {
direction: 'horizontal',
listeners: {
activeitemchange: function(container, newValue, oldValue, eOpts) {
var listIndex = Number(container.activeIndex);
pageList.select(listIndex);
}
}
});

-steve