Javascript 如何在Sencha Touch中将自定义容器添加到转盘？

我们如何向Sencha Touch旋转木马添加一些自定义容器，并避免它成为在旋转木马中创建第二页的新项目

换句话说，如何在可滚动项目之前将容器添加到旋转木马中

当我试图通过innerHTML将容器添加到carousel的dom中时，我丢失了为容器定义的侦听器

有什么想法吗

---

谢谢。

您的问题不是很清楚，最好发布一些您已经尝试过的代码。如果我理解正确，您可以通过扩展对象层次结构轻松添加父项，例如：

如果您有：

Ext.create("Ext.panel.Panel", {
    xtype: "panel",
    title: "Main Window",
    items: [{
        // carousel code here
    }]
});

您可以在中间添加另一个层，如果需要的话：

Ext.create("Ext.panel.Panel", {
    xtype: "panel",
    title: "Main Window",
    items: [{
        xtype: "panel",
        title: "My Carousel",
        items: [{
             // carousel code here
        }]
    }]
});

---

这可能无法清楚地回答您的问题，因为问题不是很清楚，如果您可以使用更多信息和一些代码更新您的问题，以更好地解释您试图实现的目标，我将用其他信息更新答案。

如果您想在旋转木马视图上方添加组件，例如按钮，则必须将其定位。这样做会使传送带以不同的方式对待它，并且不会在传送带中用作卡片

下面的代码显示了修改示例以添加始终可见的按钮

Ext.create('Ext.Carousel', {
fullscreen: true,

defaults: {
    styleHtmlContent: true
},

items: [
    {
        xtype: 'button',
        text: 'A Button',
        top: 10,
        left: 10
    },
    {
        html : 'Item 1',
        style: 'background-color: #5E99CC'
    },
    {
        html : 'Item 2',
        style: 'background-color: #759E60'
    },
    {
        html : 'Item 3'
    }
]
});

请注意，该按钮设置了顶部和左侧配置。这是这种行为的关键

我做了一个解释

祝你好运