title: Adding image near text in NestedList- Sencha Touch 2
body: <p>I'm a new sencha learner , what i want to do is adding an image to the nested list text.</p>
  
  <p>I tried to modify kithcensink exapmle code,This is my nestedlist</p>
  
  <pre><code>    Ext.require('Ext.data.TreeStore', function() {
  Ext.define('Kitchensink.view.NestedList', {
      requires: ['Kitchensink.view.EditorPanel', 'Kitchensink.model.Kategori'],
      extend: 'Ext.Container',
      config: {
          layout: 'fit',
          items: [{
              xtype: 'nestedlist',
              store: {
                  type: 'tree',
                  id: 'NestedListStore',
                  model: 'Kitchensink.model.Kategori',
                  root: {},
                  proxy: {
                      type: 'ajax',
                      url: 'altkategoriler.json'
                  }
              },  
  
              displayField: 'text',
  
  
  
              listeners: {
                  leafitemtap: function(me, list, index, item) {
                      var editorPanel = Ext.getCmp('editorPanel') || new Kitchensink.view.EditorPanel();
                      editorPanel.setRecord(list.getStore().getAt(index));
                      if (!editorPanel.getParent()) {
                          Ext.Viewport.add(editorPanel);
                      }
                      editorPanel.show();
                  }
              }
          }]
      }
  });
  </code></pre>
  
  <p>});</p>
  
  <p>I modified the store file</p>
  
  <pre><code>    var root = {
          id: 'root',
          text: 'Lezzet Dünyası',
          items: [
              {
                  text: 'Ana Menü',
                  id: 'ui',
                  cls: 'launchscreen',
                  items: [
                      {
                          text: 'Et Yemekleri',
                          leaf: true,
                          view:'NestedList3',
                          id: 'nestedlist3'
                      },
                      {
                          text: 'Makarnalar',
                          leaf: true,
                          view: 'NestedList2',
                          id: 'nestedlist2'
                      },
                      {
                          text: 'Tatlılar',
                          leaf: true,
                          view: 'NestedList4',
                          id: 'nestedlist4'
                      },
                      {
                          text: 'Çorbalar',
                          view: 'NestedList',
                          leaf: true,
                          id: 'nestedlist'
                      }
                  ]
              }
          ]
      };
  </code></pre>
  
  <p>How should I edit the code to add image near the nested list text ?</p>
  
  <p>For example , in <a href="http://sencha-nested-list.heroku.com/" rel="nofollow">this</a> site you can see a nested list example , I need an images near Blues,Jazz,Pop,Rock. </p>