Sencha Touch Carousel随机化

Question

我目前设置了一个静态轮播，如下所示：

  varPanelTop = new Ext.Carousel({
        defaults: {
            cls: 'homeTop'
        },
        items: [{
            html: '<img src="IMAGE ONE" />'
        },
        {
            html: '<img src="IMAGE TWO" />'
        },
        {
            html: '<img src="IMAGE THREE" />'
        },
        {
            html: '<img src="IMAGE FOUR" />'
}]
  });

不是所有的问题都能正常工作，但现在我遇到了一个很大的问题，“我可以这样做吗?这样每次刷新这个页面时，html/imgs的顺序每次都不同？”

那么，这是可能的吗?如果是的话，如何做到呢？

非常感谢

Answer 1

这是可能的。有一个包含如下对象的数组：

var images = [{html:'<img src="i1.jpg" />'},{html:'<img src="i2.jpg" />'},{html:'<img src="i3.jpg" />'},{html:'<img src="i4.jpg" />'}];

然后，根据您何时显示旋转木马，您将拥有：

Ext.getCmp('carouselId').items.add(images[Math.floor(Math.random()*images.length)]);

等，你可以检查图像是否已经被添加，即你只需要一个随机数列表，然后像这样将图像添加到旋转木马中。之后，您可以调用

Ext.getCmp('carouselId').doLayout();

来显示图像。

注意，carouselId是carousel对象的"id“属性，但是还有更好的方法来访问carousel对象。这完全取决于你在哪里买的。