Sencha觸摸列表不顯示數據

Question

我正在使用下面的代碼來顯示列表，但它顯示空的單元格。

Ext.define('CodeCamp.view.Home',{ 
    extend:'Ext.Panel', 
    xtype:'home', 
    config: 
    { 
     title:"Home", 
     iconCls:'home', 
     layout:'fit', 
     items:[ 

     { 
      xtype:'list', 
      store:'CodeCamps', 
      data:[ 
      {title:'Ssssss'}, 
      {title:'sssadasd'}, 
      {title:'asdasdasd'} 

      ], 
      itemTpl:'{title}' 

     } 


     ] 

    } 
}) 

它顯示三行（等於數據數組中的項目數）。但似乎像itemTpl沒有效果。

Answer 1

您不應該同時擁有列表中的存儲和數據屬性。要麼刪除存儲，只需刪除原始數據屬性（無模型，無字段，絕對基本的內存數據存儲），或者將存儲轉換爲對象並將數據（以及字段）放在那裏。例如：

store: { 
    fields: ['title'], 
    data: [{ 
     title: 'Title 1' 
    },{ 
     title: 'Title 2' 
    },{ 
     title: 'Title 3' 
    }] 
} 

如果你嘗試添加基於別名商店，你可能需要使用該屬性型商店對象中。