title: How to delay the display until the data is parsed?
body: <p>i'm facing a small problem in parsing the data to the panel, here is my code:</p>
  
  <pre><code>Ext.onReady(function(){   
  
  var stockings = [],i=0;
  Ext.regModel('Carding', {fields: ['price'] });
  var Detailsstore = new Ext.data.Store({
             model: 'Carding',
             proxy: {
                 type: 'ajax',
                 url: 'http://192.168.1.92/testapp/websample%20backup/sample/assets/www/XMLS/xmlformatses.xml',
                 reader: {
                     type: 'xml',
                     record: 'root'
                  }
              },
              listeners: {
                  single: true,
                  datachanged: function(){
                    Detailsstore.each(function(r){
       stockings[i++]=r.get('price');
                      });
                  alert(stockings[3]);//This alert works fine
                  }
              }    
          });
  
   Detailsstore.read();
  
      alert(stockings[3]);//this alert even being placed after the Detailsstore it shows undefined . . . . .
  
    var showdetails = new Ext.Panel({
       scroll :'vertical',
       flex:7,
       renderTo: 'bubbleCt',
       baseCls: 'kiran',
       stretchX: true,
       html: '&lt;span style="color:#fff; font-size:20px;"&gt;&lt;span style="font-size:25px; font-weight: bold;"&gt;' + stockings[2] + '&lt;/span&gt;&lt;br/&gt;&lt;br/&gt;&lt;span style="font-weight:bold;"&gt;Trading Action Plan :&lt;/span&gt;&lt;br/&gt;&amp;bull; Buy Price: 1 &lt;br/&gt;&amp;bull; Sell Price:2&lt;br/&gt;&amp;bull; Stop Price 80 cents&lt;br/&gt;&amp;bull; Rule: Sell 50% on double &lt;br/&gt;&amp;bull; 6% Trailing Stop Loss on stock&lt;br/&gt;&lt;br/&gt;&lt;span style="font-weight:bold;"&gt;Volatility Analysis:&lt;/span&gt;&lt;br/&gt;&amp;bull; &lt;br/&gt;&amp;bull; &lt;br/&gt;&amp;bull; &lt;br/&gt;&lt;br/&gt;&lt;span style="font-weight:bold;"&gt;Techincal  Analysis:&lt;/span&gt;&lt;br/&gt;&amp;bull; &lt;br/&gt;&amp;bull; &lt;br/&gt;&amp;bull; &lt;br/&gt;&lt;br/&gt;&lt;span style="font-weight:bold;"&gt;Fundamental Analysis:&lt;/span&gt;&lt;br/&gt;&amp;bull; &lt;br/&gt;&amp;bull; &lt;br/&gt;&amp;bull; &lt;br/&gt;&lt;/span&gt;',
             });
  
      var detailspanel = new Ext.Panel({
                  fullscreen: true,
               padding:1,
               layout: {
                        type: 'vbox',
                        pack: 'center',
                        align: 'stretch'
                    },
                  items: [showdetails]
               });
      });
  </code></pre>
  
  <p>The problem above is that wen i try to run the code first the second alert is taking place and showing the undefined.........</p>
  
  <p>my goal is to parse the data and show it into the panel .</p>
  
  <p>But i think the problem is that the panel is being displayed even before the the store completes it's operation
  the first alert is working fine and displaying the value in it but that operation is happening after the panel is displayed already</p>
  
  <p>please help</p>
  
  <p>Thank you . . . ..</p>