Сенча сенсорный 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 различен каждый раз?

Так можно ли это сделать и как это сделать?

Many Thanks

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» объекта карусели, но есть лучшие способы добраться до объекта карусели. Все зависит от того, где у вас есть.