ExtJs dynamically load store in menu

[fabergé]

Hi,

I'm trying to do the following,
I've got a store with 'favorite' records and i like them to display in a menu structure dynamically. I get the following error if i run it with the following code: Unable to get value of the property 'add': object is null or undefined. Is there any other way to do this?

Store load:

var lFilterStore = Ext.create('WorkB.store.general.filter.Filters');
lFilterStore.load({
      callback: function (records) {
         var lPersonsFavMenu = me.down('menuitem[name=favoritePersonMenu]');
         Ext.each(records, function (record) {
                  lPersonsFavMenu.item.add({ text: record.get('Name') });
         });
      }
});

Menu structure:

xtype: 'menu',
showSeparator: false,
floating: false,
border: 0,
margin: '0 0 5 0',
items: [{
       text: 'Favorieten',
       menu: [{
            text: 'Person',
            name: 'favoritePersonMenu'
       }, {
            text: 'Customer',
            name: 'favoriteCustomerMenu'
      }]
}]

[johanhaest]

Change .items.add with .menu.add

var lFilterStore = Ext.create('WorkB.store.general.filter.Filters');
lFilterStore.load({      
      callback: function (records) {         
                    var lPersonsFavMenu = me.down('menuitem[name=favoritePersonMenu]');  
                    Ext.each(records, function (record) {
                            lPersonsFavMenu.menu.add({ text: record.get('Name') });
                    });
      }
});