Sencha touch 添加项目后，旋转木马不工作

我的应用程序主页上有一个可旋转的旋转木马

`{
               xtype : 'carousel',
               id:'myCar',
               autoDestroy:false,
               styleHtmlContent:true,
               padding:'0 0 0 0',
               height:100

  }`

我的视图上有一个绘制的侦听器函数，可以动态地将项目添加到旋转木马中

`var store = Ext.getStore("inspirationStore");
            var car = Ext.getCmp('myCar');




            var items = car.getItems();
            //destroy all items within this container before populating
            if (items.length > 1){
                for (var j = 0; j < items.length; j++){
                        items[j].destroy();
                }
            }


                for (var i = 0; i < store.getCount(); i++){
                    var item = Ext.create('Ext.Panel',{
                                            html:'<p class = "inspirationMessage"><b>'+ store.getAt(i).data.message + '</b></p>' + '<p class = "authorName"><b>' + store.getAt(i).raw.Author__r.Name + '</b></p>',
                                            cls:'carouselPanel'
                                        });
                    car.add(item);
                }`

`var store=Ext.getStore（“灵感商店”）；
var car=Ext.getCmp（'myCar'）；
var items=car.getItems（）；
//在填充之前销毁此容器中的所有项目
如果（items.length>1）{
对于（var j=0；j'+store.getAt（i）.data.message+'
'+'
'+store.getAt（i）.raw.Author.Name+'
'，
cls:“转盘电话”
});
添加（项目）；
}`

旋转木马第一次工作正常，但当我转到另一个页面，然后回到我的主页时，旋转木马不会滑动。我可以看到添加了项目，但旋转木马没有按应有的方式工作。有什么建议吗？

使用

setItems（数组/对象项）

设置项目的值

---

不要在循环中添加项目，请尝试以下操作：

            var items = [];
            for (var i = 0; i < store.getCount(); i++){
                var item = Ext.create('Ext.Panel',{
                               html:'<p class = "inspirationMessage"><b>'+ 
                                 store.getAt(i).data.message + '</b></p>' +
                                 '<p class = "authorName"><b>' + 
                                 store.getAt(i).raw.Author__r.Name + '</b></p>',
                               cls:'carouselPanel'
                           });
                items.push(item);
            }
            car.add(items);

var项目=[]；
对于（var i=0；i”+
store.getAt（i）.data.message+'
'+
“
”+
store.getAt（i）.raw.Author\uu r.Name+'
'，
cls:“转盘电话”
});
项目。推送（项目）；
}
添加（项目）；

您可以随车移除所有面板。

removeAll（true）

功能尝试过，但没有任何区别

//在填充汽车之前销毁此容器中的所有项目。removeAll（true）；var项目=[]；对于（var i=0；i'+store.getAt（i）.data.message++'
'
'+store.getAt（i）.raw.Author.Name+'
'，cls:'carouselPanel'}）；items.push（item）；}car.add（items）它看起来像是正在添加项目，但转盘不可滑动。是否有一个配置，我需要设置它再次可刷？仍然有相同的问题。我正在考虑销毁该旋转木马并创建一个新的旋转木马来替换它。再次销毁和创建将非常昂贵，因此在销毁之前，请在本地缓存它并再次使用它进行创建，或者尝试隐藏和显示，而不是销毁，可能会刷新此可滚动的东西。我如何缓存它？现在我只是使用相同的id“car”，你可以将内容设置到应用程序级变量中，然后通过destroy方法从DOM中删除该内容。当我点击旋转木马的小圆环时，旋转木马会改变幻灯片，但它仍然不可旋转。