Sencha touch 2 Sencha touch 2-如何创建动态旋转木马？

Sench Touch 2-如何在sencha Touch 2中开发动态旋转木马？我想在旋转木马中将商店中的每个元素显示为单独的卡片。

更新： 现在引用一些Ed Spencer代码有一个很好的答案。我还注意到，新发布的候选touchstyle示例使用了一个从商店加载的无限旋转木马

本频道前情提要： 昨天晚上我问了这个问题。还没有答案，但我注意到新的候选版本提供了列表的水平滚动。因此，我希望这可能会提供一个类似于转盘的东西，可以从商店加载。

更新： 现在引用一些Ed Spencer代码有一个很好的答案。我还注意到，新发布的候选touchstyle示例使用了一个从商店加载的无限旋转木马

本频道前情提要：

---

昨天晚上我问了这个问题。还没有答案，但我注意到新的候选版本提供了列表的水平滚动。因此，我希望这可能会提供一个与可从商店装载的旋转木马相当的解决方案。

Rdougan提供了一个答案。我觉得不错

---

Rdougan将此作为回答。我觉得不错

---

但它看起来没有旋转木马那么酷。对于动态旋转木马，我们必须为“items”的值指定一个“array”。该数组的每个元素都应该是面板类型。这用于创建动态旋转木马。但我一直在思考如何初始化该数组，以便在加载carousel类之前执行它。因此，我的“数组”在旋转木马之前就存在了。您知道任何可以初始化“数组”的函数。我正在使用MVC。同意-旋转木马看起来更好。请看一下这个。这帮助我解决了我的问题。但是它看起来没有旋转木马那么酷。对于动态旋转木马，我们必须给“items”的值一个“array”。该数组的每个元素都应该是面板类型。这用于创建动态旋转木马。但我一直在思考如何初始化该数组，以便在加载carousel类之前执行它。因此，我的“数组”在旋转木马之前就存在了。您知道任何可以初始化“数组”的函数。我正在使用MVC。同意-旋转木马看起来更好。请看一下这个。这帮我解决了问题。谢谢你抱怨。这解决了我的问题。但是，除了在发射中放置所有东西之外，还有别的地方吗。像是在呈现视图中的项之前运行的侦听器？我想像“activeitemchange”这样的旋转木马侦听器的代码可以移动到控制器中。我正要亲自解决这个问题…Ed Spencer的报告提到了这一点。我在这里添加了一些捕获旋转木马事件的控制器代码：Ext.define（'MyApp.controller.CarouselController'，{extend:'Ext.app.controller'，config:{refs:{carousel:'carousel'}}}，init:function（）{//在这里添加侦听器this.control（{//到旋转木马激活：函数（carousel，newItem）{console.log（newItem.id）；}，activeitemchange:function（carousel，newItem）{console.log（newItem.id）；}，deactivate:function（carousel，newItem，oldItem）{console.log（oldItem.id）；}}}；我也有同样的问题，但无法找到解决方案，即如何使用动态数据创建旋转木马。请访问：谢谢你，格劳普莱特。这解决了我的问题。但是除了发布中的所有内容之外，还有其他地方吗（）。就像在呈现视图中的项目之前运行的侦听器一样？。我猜旋转木马侦听器（如“activeitemchange”）的代码可以移动到控制器上。我自己正要解决这个问题…Ed Spencer的文章谈到了这一点。我在此处添加了一些捕获旋转木马事件的控制器代码：Ext.define（'MyApp.controller.CarouselController'，{extend:'Ext.app.controller'，config:{refs:{carousel:'carousel'}}}，init:function（）{//将侦听器添加到此.control（{//到carousel激活：函数（carousel，newItem）{console.log（newItem.id）；}，activeitemchange:function（carousel，newItem）{console.log（newItem.id）；}，deactivate:function（carousel，newItem，oldItem）{console.log（oldItem.id）；}}}}}}}）；我也有同样的问题，但无法获得解决方案，如何使用动态数据创建carousel。请访问：