title: How to destroy a custom Control?
body: <p>I have a panel in my XML view </p>
  
  <pre><code>&lt;panel id="abcd"&gt; 
  &lt;/panel&gt;
  </code></pre>
  
  <p>This is my controller I am trying to add a custom Control as</p>
  
  <pre><code>someFunction() {
      if(this.customControl) {
          this.customControl.destroy();
      }
      var content = this.getView().byId("abcd");/*here panel object is received*/
      this.customControl = new someCustomControl(); /*here custom control is created*/
      content.addContent(customControl);/*here adding the control to panel*/
  }
  </code></pre>
  
  <p>its getting added. Now next time I call this method I need to destroy this control and create a new one how to do it ?? </p>