更新/更改列表组件sencha touch的存储

Question

I have an overlay that has a toolbar as a dockedItem and a Ext.List as an item. This overlay is shown as the user drags the slider to show the important things in each card I have in a carousel. Each card has its own store with data I want to show in the overlay.

I am able to change the toolbar's title while I drag:

this.overlayTb.setTitle(cards[index].categoryName);

but when I try to change the store that feeds my list view, it does work.

this.myList.store = cards[index].store;

It just keeps showing the data of the initial store I set up instead of changing, like the toolbar title does. I have tried calling doLayout() on myList and Ext.StoreMgr.get('newsStore').load(); as suggested in this answer , but no good came out of that. And if I try:

this.myList.update();

it stops showing the data of the store, and I can only see a blank panel

While debugging, I can see that this.myList.store changes to the store I need, but the view is not updating.

I hope you can help me

Answer 1

使用Ext.List的bindStore（cards [index] .store ）方法可以正确地销毁并清除旧存储，并将新存储绑定到List的事件。