title: ExtJS 4, store loading, but store.first() method returning undefined
body: <p>I'm creating and loading a store just fine.  However, when I attempt to retrieve a record from the first model instance, using the first() method, it fails.  </p>
  
  <p>Here's the code:</p>
  
  <pre><code>     var getCaseId = function(){
              var csId;    
              //form url
              var getCaseIdStore = Ext.create('Roa.store.district.Requests', {
  
              model: 'Roa.model.district.Requests',
              proxy: {
                      type: 'ajax',
                      url : 'http://localhost:8080/roa/MongoDataService/requests?etc',
                      method: 'GET',
  
                      reader: {
                              type: 'json',
                              root: 'requests'
                      }   
              },  
              autoLoad: true
      });//end create store
  
                      console.log('request store created');
  
      getCaseIdStore.load({
      scope: this,
      callback: function(records,operation,success){
  
              if(success){
  
                      //var req = getCaseIdStore.first();
                      //var csId = req.get('caseId');
                      //console.log('csId==&gt;'+csId);
  
                     //return csId;  
  
              }//end if
  
      }//end callback
  
      });//end store load
  
  
      var req = getCaseIdStore.first();
  
      if (req != undefined){
      csId = req.get('caseId');
  
      console.log('return csId==&gt;'+csId);
  
       return csId;    
       }               
      else{           
      console.log('your attempt failed');
      }               
  
      };//end function
  </code></pre>
  
  <p>Please advise good folks.</p>
  
  <p>-TU</p>