Sencha Touch 2 добавить значки в список вложенных

Question

Я пытаюсь добавить изображения во вложенный список, используя метод getItemTextTpl для NestedList. Не могли бы вы взглянуть на следующий код и сообщить мне, как его исправить? Это было разработано с использованием Sencha Architect. Спасибо за вашу помощь.

Ext.define('myapp.view.ListContainer', { 
    extend: 'Ext.Container', 
    alias: 'widget.listcontainer', 

    config: { 
     layout: { 
      type: 'fit' 
     }, 
     tpl: [ 
      '' 
     ], 
     items: [ 
      { 
       xtype: 'nestedlist', 
       id: 'myList', 
       itemId: 'mynestedlist4', 
       detailCard: { 
        xtype: 'mytabs' 
       }, 
       store: 'myStore', 
       toolbar: { 
        xtype: 'titlebar', 
        docked: 'bottom', 
        ui: 'dark' 
       } 
      } 
     ], 
     listeners: [ 
      { 
       fn: 'getItemTextTpl', 
       event: 'getItemTextTpl', 
       delegate: '#myList' 
      } 
     ] 
    }, 

    getItemTextTpl: function(node) { 
     return '<img class="eventIcon" src="http://localhost/images/test.png">'; 

    } 

}); 

Answer 1

Просто быстрый совет. FontAwesome - отличный способ добавить красивые иконки к вашему приложению.

Answer 2

Ext.define('myapp.view.myList', { 
    extend: 'Ext.dataview.NestedList', 
    alias: 'widget.mynestedlist', 

    config: { 
     id: 'myList', 
     detailCard: { 
      xtype: 'mytabs' 
     }, 
     displayField: 'text', 
     store: 'myStore' 
    }, 

    getItemTextTpl: function(recordnode) { 
     return '<img class="eventIcon" src="http://localhost/images/test.png">'; 
    } 

});