在面板上方的面板上使用Sencha Touch的旋转木马

Question

我在面板上方创建了一个浮动面板，并在浮动面板上添加了旋转木马。 现在的问题是，虽然我可以看到所有添加的项目。我希望只有一个项目显示在浮动面板上，而其他项目则隐藏而不显示在浮动面板之外。我怎样才能做到这一点？

提前致谢。

代码：

var App = new Ext.Application({
name: 'CarouselDemo',
useLoadMask: true,

launch: function () {    
    overlayView.show();
}
});

var overlayView = new Ext.Panel({
floating: true,    
centered: true,    
styleHtmlContent: true,
width:600,    
height:600,
items: [
{
xtype    : 'carousel',
ui       : 'light',
direction: 'horizontal',
items: [
    {   html: '<p>Carousels can be vertical and given a ui of "light" or "dark".</p>' 
    },
    {   html: 'Card #2'   
    },
    {   html: 'Card #3'  
    }
    ]
}]            
});