2

sencha touch アプリケーションで次の Store を宣言しています。

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

Thiemの答えは大丈夫です。より完全な例が必要な場合は、次の素敵な投稿をご覧ください: http://edspencer.net/2012/02/building-a-data-driven-image-carousel-with-sencha-touch-2.html

私はそれがあなたのすべてのニーズをカバーするべきだと思います;）

お役に立てれば。

于 2012-05-18T10:43:40.060 に答える
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 に答える