Extjs Combo - get value from store in afterrender function

Question

I have a combo box and I want get id of first record from server by alert(combo.store.data[0].id); But it's not working

Here is my code

        xtype: 'combo',
        value: '0',
        triggerAction:  'all',
        forceSelection: true,
        editable:       false,
        allowBlank: false,
        fieldLabel:     'example',
        mode: 'remote',

        displayField:'name',
        valueField: 'id',

        store: Ext.create('Ext.data.Store', {
        ......
        ,listeners: {
                'afterrender': function(combo){           
                    alert(combo.store.data[0].id);
                }
       }

How can i do that thanks.

Answer 1

Probably you are missing something.

combo.store.getAt(0).data.id

Answer 2

Try this.

Inside combobox listeners "afterrender" :

var getState = combo.getState(), //get current combobox state
    comboState = parseFloat(getState.value) - 1, 
    comboStore = combo.store;

comboStore.on("load", function(s,rs) {
    comboStore.each(function(record, key) {
        if( key ==  comboState){
            //console.log(record);
            alert(record.data.id);
        }
    });
});