2012-03-02 2 views
0

Ext.Img dynamicのsrcを作る方法Sencha touch 2 - Ext.Imgダイナミックのsrcを作る方法

Ext.define('App.view.Welcomescreen', { 

    extend: 'Ext.Carousel', 
    xtype: 'welcomescreen', 

    config: {  
     items: [ 
      { 
       xtype: 'image', 
       src: 'http://src.sencha.io/screen.width/http://www.google.co.in/images/srpr/logo3w.png', 
      }, 
      { 
       xtype: 'image', 
       src: 'http://src.sencha.io/screen.width/http://www.google.co.in/images/srpr/logo3w.png', 
      }, 
      { 
       xtype: 'image', 
       src: 'http://src.sencha.io/screen.width/http://www.google.co.in/images/srpr/logo3w.png', 
      } 
     ] 
    } 
}); 

ストアを使用して "src"に値を渡したいとします。

答えて

0

おそらく最も簡単な解決策は、ストアにバインドされている場合、それは残念ながらあなたには、いくつかの追加の変更を加えることなくカルーセル効果を失うことになる、オンデマンドで自分自身をリフレッシュします

config: { 
itemTpl = "<img src={source}>", 
inline: true 
} 

Ext.dataview.DataViewを使用することです。

+0

Davidさん、ありがとうございます。しかし、私はカルーセルを使いたいです。 – raghav

+0

カルーセルについている場合は、ストアをビューにバインドし、ストアの更新イベントのリスナーをビューに追加し、何らかのテンプレートメカニズムを使用して、ストア内の各レコードを取得してExt.Imgのsrc。その時点から、後続のリフレッシュは、すべての子アイテムを再構築するか、更新されたデータの差分を既存の要素に行うことによって処理できます。 – David

関連する問題