配列データからSencha DataViewをロード

Question

私は小さなサンプルSencha Touch 2 appをhttp://www.senchafiddle.com/#FWMDhに持っています。ストアからDataViewにデータが移入され、各モデルがビューにテキストをレンダリングします。美しい。私は何をしますか実際にはのように、ストアからではなく、モデル '文字'プロパティの1つ、つまり配列からのDataView作業があります。その結果、DataViewは単語の1つからの文字のリストを表示するようになります。

これを達成するためのアイデアはありますか？ Ta。

Answer 1

DataViewにはStoreが必要です。そのため、モデル内のそのデータを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 
});