title: How to clone existing component without editing created component (Window) in Extjs 4.1
body: <p>I define a <code>Source Window</code> like</p>
  
  <pre><code>Ext.define('MyWindow', {
      extend: 'Ext.window.Window',
      title: 'Source Window',
      modal: true,
      height: 200,
      width: 400,
      closable:false,
      tbar: [{    
          text:'hide',
          handler:function(){
              this.up('window').hide();
          }
      }],
      items: { 
          xtype: 'grid',
          border: false,
          columns: [{header: 'World'}],
          store: Ext.create('Ext.data.ArrayStore', {})
      }
      });
  </code></pre>
  
  <p>And i remove all item of the window then add new item to it like</p>
  
  <pre><code>var w = new MyWindow();
  tf = Ext.create('Ext.form.field.Text', {
        name: 'name',
        fieldLabel: 'Name'
  });
  w.removeAll(true);
  w.add(tf);
  w.show();
  w.hide();
  </code></pre>
  
  <p>Now I want to clone my Window (window added new item) like</p>
  
  <pre><code>Ext.create('Ext.Button', {
          text: 'Clone to new',
          visible: false,
          renderTo: Ext.getBody(),
          handler: function() {
              var newWin;
              Ext.WindowManager.each(function(win) {
                  newWin = win.cloneConfig();
                  newWin.title = "Clone Window";
                  newWin.show();
              });
          }
        });
  </code></pre>
  
  <p>But that's show <code>Source Window</code> ?? How to fix that
  Here is my full code <b><a href="http://jsfiddle.net/MKUSB/" rel="nofollow">http://jsfiddle.net/MKUSB/</a></b></p>