Sencha Touch 轮播随机化

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 是轮播对象的“id”属性，但是有更好的方法来获取轮播对象。这完全取决于你在哪里拥有它。