Настройка ExtJs

Question

В индивидуальном файле ExtJs я нашел следующий код. Собственно, что делает в следующем коде.

Этот код написан в файле xtype.js и входит в jsp-страницу.

Ext.Loader.setConfig({enabled: true}); 
Ext.Loader.setPath('Ext.ux', 'js/ext-ux'); 

Ext.require([ 
    'Ext.form.field.ComboBox' 
]); 

Ext.define('Ext.ux.UDComboBox', { 
    extend: 'Ext.form.field.ComboBox', 
    alias: 'widget.udComboBox', 
    directArgs : false, 
    skipValue : false, 
    firstOptionDefault : false, 
    forceSelection : true, 
    typeAhead : true, 
    queryMode : 'local', 
    triggerAction : 'all', 
    selectOnFocus : true, 
    allowBlank : false, 
    emptyText : '-Select One-', 
    valueField : '', 
    lastQuery : '', // This is used with store.filter function. 
    returnAsObject : true, 
    fieldStyle: 'background-image: none;', 
    msgTarget:'side', 
    hideTrigger:false,// if true hide the drop down icon 
    skipFirstOption : false 
}); 

И в нашем файле, для создания выпадающего, мы используем xtype: 'udComboBox'.

Answer 1

Ext.Loader.setPath('<TopLevel.path.NameSpace>', 'js/ext-ux'); } 
// Namespace by convention should be in lower case 
Ext.define('<TopLevel.path.NameSpace>.<ComponentName>', { 
    extend: 'Ext.form.field.ComboBox', 
    // alias by convention should be in lower case 
    alias: 'widget.<componentname>' 
}); 
} 

• пространств имен и конструкторы имен верхнего уровня должны быть UpperCamelCase

• Алиас xtype должен быть в нижнем регистре

Так пример конфигурации может быть: ваша компания

// --Filename: app/js/components/UdComboBox.js <-Filename as Name 
Ext.define('MyCompany.libs.UdComboBox', { 
    extend: 'Ext.form.field.ComboBox', 
    alias: 'widget.udcombobox', 
    .... 
}); 

// --Filename: app/app.js 
Ext.Loader.setConfig({enabled: true}); 
Ext.Loader.setPath('MyCompany.libs', 'js/components'); 

Ext.require([ 
     //This is only because we are instantiate by xtype, if you use Ext.create this is not need it. 
     'MyCompany.libs.UdComboBox' 
    ]); 

Ext.onReady(function() { 
     Ext.create("Ext.container.Viewport", { 
      layout: 'fit', 
      items : [{ 
       xtype : "udcombobox" 
      }] 
     }); 
}); 

// --Filename: app/app2.js 
Ext.Loader.setConfig({enabled: true}); 
Ext.Loader.setPath('MyCompany.libs', 'js/components'); 


Ext.onReady(function() { 
     Ext.create("Ext.container.Viewport", { 
      layout: 'fit', 
      items : [{ 
       xtype : "panel" 
      }, 
      new Ext.Create('MyCompany.libs.UdComboBox',{ 
       ..config.. 
      }) 
      ] 
     }); 
});