從陣列數據加載Sencha DataView

Question

我在http://www.senchafiddle.com/#FWMDh有一個小例子Sencha Touch 2應用程序。它從商店填充DataView，並且每個模型在視圖中呈現一些文本。可愛。我會實際上喜歡做的是有DataView的工作，不是從商店，而是從模型的'字母'屬性之一 - 也就是一個數組。這樣DataView將最終顯示一個單詞中的一個字母列表。

有關如何完成此任何想法？助教。

Answer 1

DataView需要有一個存儲，所以除了將模型中的數據轉換爲Store可以讀取的對象數組之外，再將該存儲綁定到DataView。

事情是這樣的：

var letters = record.get('letters'), // get the letters array from the model 
    lettersData = [], // we are going to create a new array of objects 
    ln = letters.length, 
    store, i; 

for (i = 0; i < ln; i++) { 
    // push each of the letters into the lettersData array, but as objects 
    lettersData.push({ 
     letter: letters[i] 
    }); 
} 

store = Ext.create('Ext.data.Store', { 
    fields: ['letter'], // set the only field as a letter. This will automatically create a model for this store 
    data: lettersData // set the store data as the lettersData array 
});