Как добавить данные в список динамически в Sencha Touch

Question

Я новичок в Sencha Touch, и я пытаюсь создать приложение (без веб-приложения, но родное с PhoneGap), содержащее список, который должен добавлять элементы с нажатием кнопки. Я искал дни, но не могу найти полезного решения.

Как я должен изменить свой код, который я не должен ставить жестко закодированные значения в мой

data:[] 

Ext.define('MyApp.store.Note', { 

extend: 'Ext.data.Store', 
requires: ['MyApp.model.Note'], 

config: { 
model: 'MyApp.model.Note', 

data: 
[ 
{id: 1, content: 'Blog 1', categoryid: 1, category: 'Nonsense' }, 
{id: 2, content: 'Blog 2', categoryid: 1, category: 'Nonsense' }, 
{id: 3, content: 'Blog 3', categoryid: 2, category: 'Food' } 
], 
} 
}); 

Я создаю мой список

Ext.define('MyApp.view.NoteList',{ 
extend: 'Ext.dataview.List', 
xtype: 'notelist', 
config: { 

    store: "Note", //will create the store later 


    itemTpl: [ 
     '<div>', 
     ' <div>{content}</div>', 
     ' <p>{category}</p>', 
     '</div>' 
    ], 
    onItemDisclosure: function(record,btn,index) { 
     this.push(Ext.create('MyApp.view.RegisterPanel')); 
     //when the little arrow on the right is tapped 
    } 
}, 
}); 

Answer 1

Вы можете просто добавить элементы в свой экземпляр магазина.

Пример:

var myStore = Ext.create('MyApp.store.Note'); 

//Use add with a config object 
myStore.add({ 
    //your record here 
    id: 1, 
    content: "Blog 1", 
    categoryid: 1, 
    category: "Nonsense" 
}); 

//Or create an instance of your record 
var myRecord = Ext.create('MyApp.model.Note', { 
    id: 1, 
    content: "Blog 3", 
    categoryid: 2, 
    category: "Food" 
}); 

//Add the record to the store 
myStore.add(myRecord);