title: EXTJS ReRendering of the Grid with Datastore
body: <p>I have a grid made with ExtJS, and I render it to a div that I define, when a refresh is requested I simply "empty" the div using JQuery and then re-render the grid creating new objects each time:</p>
  
  <pre><code>    var grid = new xg.GridPanel({
      store: store,
      columns: [
      ...
      renderTo: 'db-grid'
  </code></pre>
  
  <p>And then to empty the div I use this:</p>
  
  <pre><code>    $("#db-grid").empty();
  </code></pre>
  
  <p>This works well for like 3 or 4 refreshes, and then it seems to load really slowly, I imagine this is because it re-creates all these objects again, the only thing that changes each time is the "store." I acquire that through an AJAX request, is there a way to refresh this without creating a new grid each time?</p>
  
  <p>I'm pretty new to ExtJS, and I'm making a bit of a transition here from JQuery, which is why I'm using the "empty()" function from JQuery, if you know of a ExtJS alternative, I would be glad to use that instead,</p>
  
  <p>Thanks!</p>