//カルーセルコードにいくつかの画像を表示する私のカルーセルビューは次のとおりです
Ext.define("App.view.GView",
{
extend:'Ext.Carousel',
xtype:'GView',
requires:[
'Ext.carousel.Carousel',
'Ext.Img',
'Ext.Loader'
],
config:{
title:'XYZ',
iconCls:'home',
layout:{
type:'vbox',
pack:'center',
align:'center'
},
directionLock:true,
fullscreen:true,
items:[
{
docked:'top',
xtype:'titlebar',
cls:'titleBar',
title:'Gallery'
}
],
xtype:'carousel',
id:'gallerycarousel'
}
});
//これは、データをバインドするコントローラーコードです
var items = []; Temp array
var xyz= [{ urlL}] My image array
Ext.each(images, function (picture) {
items.push({
xtype: 'image',
cls: 'centerImage',
src: picture.url
});
});
floorCarousel.setItems(items);
floorCarousel.setActiveItem(0);
//私の質問は、このカルーセルの上部に別のカルーセルを追加する方法です.最初のカルーセルアイテムを2番目のカルーセルアイテムよりも移動すると、その逆も移動する必要があります..最初のカルーセルはその上にある小さなサイズのカルーセルが必要です少しトリッキーな私を助けてください.,,