Sencha Touch 2는 중첩 목록에 아이콘을 추가합니다.

Question

NestedList의 getItemTextTpl 메소드를 사용하여 이미지를 중첩 목록에 추가하려고합니다. 다음 코드를 살펴보고 해결 방법을 알려주시겠습니까? 이것은 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">'; 
    } 

});