json storeを使用してイメージをロード

Question

itemtapにネストされたリストをロードしています。私がロードする必要があるのは、葉ノードではない場合のフォルダイメージであり、葉ノードではドキュメントイメージです。

これを行う方法の1つは、jsonデータ自体に画像を読み込むことだと思います。しかし、それを達成する方法については分かりません。

現在、私のモデルは文字列データのみで構成されています。どのように私はthrで画像データをロードするのですか？

//Defining a data structure for the Nested List 
Ext.define('InfoImage.model.nestedListModel', { 
    extend: 'Ext.data.Model', 

    config:{ 
    fullscreen:'true', 
    title:'Work Items Task 1', 
    ui:'normal', 
    cls:'nestedlistCls', 
    xtype:'nestedList', 
    // displayField : 'text', 
    store:'nestedListStore'/*, 
    getItemTextTpl: function() { 
     var tplConstructor = '{text}' + 
      '<tpl if="model === \'folder\'">'+ 
       '<img src="resources/images/refresh.png" >' 
       '</img>' + 
      '</tpl>'; 
     return tplConstructor; 
    }*/ 
    // itemTpl:'<div><img src="resources/images/refresh.png" > </img>{text}</div>'*/ 


} 
}); 

と私のJSONデータのコードは次のとおりです。

{ 
    "items":[ 

     { 
     "text":"1.1", 
     "folder":"resources/images/refresh.png", 
     "items":[ 
      { 
       "text":"1.1.1", 
       "items":[ 
        { 
         "text":"1.a", 
         "leaf":true 
        }] 
      } 
     ] 

    }, 


     { 
      "text":"1.2", 
      "items":[ 
       { 
        "text":"1.2.1", 
        "leaf":true 
       } 
      ] 

     }, 
     { 
      "text":"1.3", 
      "items":[ 
       { 
        "text":"1.3.1", 
        "leaf":true 
       } 
      ] 

     } 
    ] 

} 

すべてのヘルプは高く評価されます。

ありがとうございます。

Answer 1

まず、これはあなたのために良いの参照かもしれません：Nested List not loading in sencha

その後、次のJSONは、あなたのニーズに合わせます（あなたが同様にあなたのモデルにimg_srcフィールドを定義したと仮定）

items: [ 
{ 
    text: 'not_leaf', 
    img_src: 'your_link_1', 
     items: [ 
     { text: 'leaf_1', img_src: 'your_link_2', leaf: true }, 
     { text: 'leaf_2', img_src: 'your_link_3', leaf: true } 
     ] 
    } 
] 

その後、Sencha Touchは自動的にの画像ソースをすべて読み込み、あなたはそれらを使って何でもできます。

注：何がやりたいことがちょうどこのことができますあなたのExt.NestedList

希望にitemtapとleafitemtapイベントを使用し、&ハンドルイベントを聴いている場合。