2

我在我的 sencha touch 应用程序中声明了以下商店

Ext.define('Sample.store.ImageStore', {
    extend: 'Ext.data.Store',
    config: {
        model: 'Sencha.model.ImageModel',
        data: [{ name: "cat", url: "http://bleachthemind.files.wordpress.com/2010/08/cute-bunnys-domestic-animals-2785589-1024-768.jpg" },

            { name: "lion", url: "http://images1.fanpop.com/images/photos/2600000/Cheetah-Family-wild-animals-2603080-1280-1024.jpg" }
        ]
    }
});

这是我在模型中声明的代码：

Ext.define('Sample.model.ImageModel', {
    extend: 'Ext.data.Model',
    config: {

     fields:['name','url']
}
});

我在构建带有轮播的视图时遇到困难，其中数据是从上述商店绑定的。请我知道​​要在使用轮播消耗存储数据的视图中编写的正确语法。

4

2 回答 2

3

您不能在 Sencha Touch 中将 Store 连接到 Carousel。看来您必须通过以下方式手动执行此操作：

yourCarousel = Ext.getCmp('your_carousel_id');
store.each(function(record){
                    yourCarousel.add({
                        html: '<img src=' + record.get('url') + '/>'
                    });
                });
于 2012-05-18T10:34:18.960 回答
3

蒂姆的回答很好。如果您想要一个更完整的示例，请查看这篇不错的帖子： http ://edspencer.net/2012/02/building-a-data-driven-image-carousel-with-sencha-touch-2.html

我认为它应该满足您的所有需求；）

希望这可以帮助。

于 2012-05-18T10:43:40.060 回答