How to loop through Store Records?

[StefanGlaesser]

Hello,

i've tried to loop through my store records like the following:

Ext.define('MyApp.store.MyStore', {
    extend: 'Ext.data.Store',

    requires: [
        'MyApp.model.MyModel'
    ],

    config: {
        autoLoad: false,
        model: 'MyModel',
        storeId: 'MyStore',
        proxy: {
            type: 'jsonp',
            url: '...',
            reader: {
                type: 'json',
                rootProperty: 'results'
            }
        }
    },

    each: function(record, idx) {
        console.log(record);
    }

});

But there is nothing outputted to the console?
What is the right way to do it?

[amfailla]

You have to listen for the load() on store. load() is asynchronous.

So something like this

Ext.getStore('yourStore').load(function() {
         
         var rec= Ext.getStore('yourStore');
         for(var i=0; i<rec.getCount();i++){
             
              //do something here!


         }
     });

Or you could use the each method provide by store


myStore.each(function(record){...});Hope this helps.

[StefanGlaesser]

I have:

var store = Ext.data.StoreManager.lookup('MyStore');
store.load(function() {
    store.each(function(record){
        console.log(record.get('fieldName'));
    });
});

The only thing I get in console is:

function (record){    console.log(record.get('fieldName')); }

So your reply didn't help me

[amfailla]

did you try a console.log(myStore) to inspect if your store is defined or not?

Also try with Ext.getStore(myStore).

[haduki]

because you have overrided the 'each' function in your store.

[StefanGlaesser]

Ok, now I have

store.load(function() {
    for (var i=0; i<this.getCount(); i++) {
        console.log(this.data.all[i].data.provision);
    }
});

That makes no use of the builtin each function? How can I use this? I removed my own each function, so that the original one is not overwritten.

Another question: I would like to sum up the "provision" values from each record and then update an label in my view with this cumulated value. I have problems with selecting the label on the view from inside the load(function()). How can I return the cumulated value outside of this function? Any hints?

[haduki]

since you have removed your 'each' function,now you can:

//make sure your store has loaded the data. eg: store.load,store.setData 

store.each(function(record,id){
    console.info(record);
});

var sumValue=store.sum('yourRecordFieldName');
console.info(sumValue);

if you want your store doeach with some default function

Ext.define('MyStore',{
each:function(){
    if(arguments.length==0){
        this.callParent([this.doEach,this]);
    }else{
        this.callParent(arguments);
    }
},
doEach:function(record,id){
   console.info(record);
}
})

myStoreInstance.each();//call default doEach
myStoreInstance.each(function(record,id){},scope);//call new function

[amfailla]

You can also do the following which is not as elegant though

store.load(function() {    
     var totalProvision=0;   
     for (var i=0; i<this.getCount(); i++) {                                       totalProvision+=this.data.all[i].data.provision;        
          console.log(this.data.all[i].data.provision);    
     }
      console.log(totalProvision);    
 });

[StefanGlaesser]

since you have removed your 'each' function,now you can:

//make sure your store has loaded the data. eg: store.load,store.setData 

store.each(function(record,id){
    console.info(record);
});

var sumValue=store.sum('yourRecordFieldName');
console.info(sumValue);

That works very well. But how can I now update the label in the View? I've referenced a label like this:

config: {
        refs: {
            label1: '#totalLabel'
        }
    },

But when I try to fill it with data like this

this.getLabel1().setHtml(provision);

I got:

Uncaught TypeError: Object [object Object] has no method 'getLabel1'

Outside of the load-function I can change the label but how do I call it from inside the load-function?

[haduki]

this.getLabel1().setHtml(provision);

this code should be in the controller.

you write this code in your view config?

config: {
        refs: {
            label1: '#totalLabel'
        }
    },