Загрузить изображение с помощью json store

Question

Я загружаю вложенный список на itemtap. То, что мне нужно загрузить, - это изображение папки, если оно не является листовым узлом, и изображение документа в случае его листового узла.

Я думаю, что один из способов сделать это - загрузить изображение в данные json. Но я не уверен, как это достичь.

На данный момент моя модель состоит только из строковых данных. Как загрузить данные изображения в тг?

//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 автоматически загружает все ваши источники изображения , и вы можете делать с ними все, что хотите.

Примечание: Если то, что вы хотите сделать, это просто слушать & обрабатывать события, использовать itemtap и leafitemtap событие на вашем Ext.NestedList

Надеется, что это помогает.