title: Inheritance And ExtJs using extend
body: <p>I'm trying to setup a base class and derived class with ExtJS using <code>Ext.extend</code>.</p>
  
  <p><strong>:Base Class:</strong></p>
  
  <pre><code>var Base = Ext.extend(Object, {
      settings: {},
      constructor: function(args) {
          var baseArgs = { 'user': '', 'password': '' };
          Ext.apply(this.settings, args, baseArgs);
      }
  });
  </code></pre>
  
  <p><strong>:Derived Class:</strong></p>
  
  <pre><code>var Derived = Ext.extend(Base, {
      constructor: function(args) {
          Derived.superclass.constructor.call(this, args);
      }
  });
  </code></pre>
  
  <p><strong>:Problem:</strong></p>
  
  <pre><code>var test1 = new Derived({ 'user': 'blackey1', 'password': 'blackeypw1' });
  var test2 = new Derived({ 'user': 'blackey2', 'password': 'blackeypw2' });
  </code></pre>
  
  <p>At this point <code>test1.settings</code> is equivalent to <code>test2.settings</code> (using <code>blackey2</code> and <code>blackeypw2</code>) as if they are pointing to the same object, I'm looking to find how to create independent objects.</p>
  
  <p>Thanks for any help!</p>