如何在sencha touch 2中将轮播正确添加到视图中？

Posted 2023-02-25

【中文标题】如何在sencha touch 2中将轮播正确添加到视图中？

【英文标题】：How to add carousel properly into a view in sencha touch 2?

【发布时间】：2014-05-28 16:50:30

【问题描述】：

如何在 sencha touch 2.X 的运行时将Ext.Carousel 的实例添加到视图中。 如果我这样做v.add(c)，它似乎会将轮播添加到视图中，但它的内容不会显示。 我的视图当前定义为

Ext.define('MyApp.view.Main', 
extend: 'Ext.Panel',

fullscreen: true,
config: 
    html: "Html"

);

然后我使用var main = Ext.create('MyApp.view.Main'); 来实例化它。 当我使用main.add(carouselObject); 时，它不会显示轮播的内容，即使当我将它添加到屏幕而不将其放入我的主视图时，它本身也可以正常工作。

【问题讨论】：

你能显示视图的代码吗？

谢谢，能不能也给一下carouselObject的代码？在我的脑海中，我会说尝试为旋转木马和您放入其中的卡片设置height。

@Saffron 我的轮播对象只包括其他轮播。我可以为Ext.Carousel 对象设置高度吗？

可以，看文档，有一个config 叫height。我无法链接该文档，因为我无法访问它。另外，尝试在轮播中添加一些 html 内容。

【参考方案1】：

看起来 sencha 需要知道我试图放入 Ext.Panel 对象的组件的高度和宽度。为Ext.Carousel 组件设置高度和宽度后，其内容正确显示。