title: the extjs component refresh
body: <p>I have several extjs components in my page, the chart, gird ,formPanel and ect, and now I meet some problems about the refresh of them, take the gridPanle for example:</p>
  
  <p>This is the grid codes:</p>
  
  <pre><code>var myStore=new Ext.data.JsonStore({
    autoLoad:true,
    fields:['name','age'.....]
  });
  
  var grid = new Ext.grid.GridPanel({
    stroe:myStore,
    colums:myColumns
    //....other config
  });
  </code></pre>
  
  <p>When the reload event of the stroe if acted(Triggered by user),the store will get new data from the server side, the the grid panel refresh, this is fine,</p>
  
  <p>however sometimes the data from the server is null(for example, there is not data found according to the request from the client),if so, the grid panel also hold the data of last requst,</p>
  
  <p>how to make the grid refresh (show nothing) and show something to user that no data found?</p>
  
  <p>So are other components in my page,most are some charts.</p>
  
  <p>I have thought use add a handler to handle the event of the refresh of the component,before it refresh, check the store, if the store is null, then do something,howeverI found that I can not get the store of a component,also their event are different,for eample:</p>
  
  <p>For the GridPanle,there is a event of <strong>beforerender</strong></p>
  
  <p><a href="http://dev.sencha.com/deploy/dev/docs/?class=Ext.grid.GridPanel" rel="nofollow">http://dev.sencha.com/deploy/dev/docs/?class=Ext.grid.GridPanel</a></p>
  
  <p>For a chart, there is a event of <strong>beforerefresh</strong></p>
  
  <p><a href="http://dev.sencha.com/deploy/dev/docs/?class=Ext.chart.Chart" rel="nofollow">http://dev.sencha.com/deploy/dev/docs/?class=Ext.chart.Chart</a></p>
  
  <p>So use the render or refresh?</p>
  
  <p>Any ideas?</p>