title: how can I override a the textfield component in extjs and use it in multiple forms accross the app?
body: <p>I am thinking of creating a file called MyTextField.js in views and its contents are </p>
  
  <pre><code>Ext.define('MyTextField',
  {
  
  override: 'Ext.field.Input',
  xtype: 'mytextfield',
  
      updateValue: function(newValue) {
          var input = this.input;
          if (input &amp;&amp; input.dom.value != newValue) {
              input.dom.value = newValue;
          }
      }
  });
  </code></pre>
  
  <p>And then use this in my other view FormView.js</p>
  
  <pre><code>Ext.define('AnotherScreen', {
      extend: 'Ext.form.Panel',
      xtype: 'anotherscreen',
      controller: 'controllerx',
      viewModel: 'viewmodelx',
       requires: [
          'MyTextField'
      ],
      layout: 'vbox',
      items: [
               { xtype : mytextfield}
      ]
  
  });
  </code></pre>
  
  <p>But this is not working, it returns an error</p>
  
  <p>**</p>
  
  <pre><code>Uncaught Error: [Ext.create] Unrecognized class name / alias: 
  MyTextField
  </code></pre>
  
  <p>**</p>
  
  <p>Any idea is very welcome.</p>