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”属性，但有更好的方法可以获取轮播对象。这一切都取决于你拥有它的地方。

Sencha Touch Carousel随机化

1 个答案: