Felder außerhalb definieren und dann in Elemente bringen lits

Question

Ich benutze extJs 6. Ich habe Code wie unten, es kann ein Textfeld oder etwas anderes auch sein. Ich möchte ein gemeinsames Repo für alle Felder erstellen und dann in die Berichte aufnehmen, indem ich xtype oder etwas anderes verwende, da derselbe Code in mehreren Berichten verwendet wird.

items: [ 
       { 
        xtype: 'combo', 
        fieldLabel: 'year', 
        name: 'Year', 
        displayField: 'Key', 
        valueField: 'Year', 
        value: new Date().getFullYear(), 
        store: { 
         type: 'years' 
        } 
       }, 

Es aussehen sollte

items: [ 
        { 
         xtype: 'yearfield' 
        }, 
      ] 

oder

items: [ 
          xtype: 'yearfield' 
       ] 

Als was soll ich diese Felder definieren und was sollte es erweitern.

Answer 1

Da Ihr altes Feld von xtype:'combo' ist, ist es ein Ext.form.field.ComboBox, also müssten Sie das erweitern.

Ext.define('MyApp.view.MyOwnYearField',{ 
    extend:'Ext.form.field.ComboBox', 
    xtype:'yearfield', // <- the xtype of MyOwnYearField is defined here 
    fieldLabel: 'year', 
    name: 'Year', 
    displayField: 'Key', 
    valueField: 'Year', 
    value: new Date().getFullYear(), 
    store: { 
     type: 'years' 
    } 
}); 

Bevor Sie xtype:'yearfield' verwenden können, müssen Sie die Datei laden, wo es in ist, z.B. durch Hinzufügen des vollständigen Namen der requires Liste:

Ext.define('MyApp.view.SomeReport',{ 
    requires:[ 
     'MyApp.view.MyOwnYearField' // The class is loaded here 
    ], 
    items:[{ 
     xtype:'yearfield' // The class is referenced by xtype. 
          // This is only possible after it has been loaded! 
    }]