Как сделать видимый список в sencha touch2

Question

Я новичок в sencha touch2. Я хочу отображать список на странице. связывание происходит успешно. но я не могу видеть данные, но могу прокручивать страницу. пожалуйста, любой может мне помочь. я столкнулся с этой проблемой. Спасибо.

Мой код здесь:

Ext.define("Sencha.view.ProjectListView", { 
    extend: 'Ext.form.Panel',  
    xtype: 'projectListepage', 
    id: 'projectListepage', 
    requires: [ 
     'Ext.data.JsonP' 
    ], 
    config: { 
     scrollable: true, 
     items: [{ 
      xtype: 'panel', 
      id: 'JSONP' 
     }, 
      { 
       docked: 'top', 
       xtype: 'toolbar', 
       flex: 3, 
       items: [{ 
        text: 'Project Deatils', 
        handler: function() { 
         var list = Ext.getCmp('JSONP'), 
         tpl = new Ext.XTemplate([ 
          '<tpl for=".">', 
            '<img src="{MainImageUrl}"/><label>{ProjectName}</label><p class="temp_low">{ShortDescription}</p>', //                  
          '</tpl>', 
        ]); 
         Ext.data.JsonP.request({ 
          url: 'http://localhost:53985/PropertyService.svc/GetAllProject', 
          callbackKey: 'callback', 
          params: { 

          }, 
          callback: function (success, request) { 
           var project = request; 
           if (project) { 
            list.updateHtml(tpl.applyTemplate(project)); 
           } 
           else { 
            alert('There was an error retrieving the weather.'); 
           } 
          } 
         }); 
        } 
       }] 
      }] 
    } 
}); 

Answer 1

Я не вижу где-нибудь в вашем примере кода, где вы создаете список. Вам необходимо продлить 'Ext.List' или использовать xtype:'list'. Есть несколько простых примеров в sencha touch 2 docs о том, как создать список. http://docs.sencha.com/touch/2-0/#!/api/Ext.dataview.List