title: Rerender DOM elements of components in ExtJS4
body: <p>I read about, how ExtJS4 keeps all the data of the components in separate objects and just renders DOM stuff on demand. </p>
  
  <p>I have the problem, that a <code>&lt;div&gt;</code> gets a <code>innerHTML = ''</code> to hide some data and afterwards fills the <code>innerHTML</code> if the data is demanded. </p>
  
  <p>If I render a component into that <code>&lt;div&gt;</code> it gets deleted when the hide functionallity is activated. </p>
  
  <p>But all the component data is stored in a separate object, so is it possible to just re-render the stuff with its last state or just tell ExtJS to delete the DOM stuff by itself before it gets deleted and afterwards re-render it?</p>
  
  <p>--- Edit ---</p>
  
  <p>I think I found the problem (but no good solution)</p>
  
  <p>When I define the component, I specify a <code>&lt;div&gt;</code> in <code>renderTo</code> if the parent <code>&lt;div&gt;</code> gets the <code>innerHTML = ''</code> it gets deleted, but later it gets recreated, with the same ID and stuff. </p>
  
  <p>So when I call <code>show()</code> a <code>&lt;div&gt;</code> with the right ID exists, but it's a new object and the object I specified in the <code>renderTo</code> option is lost.</p>