Разработка пользовательского интерфейса с использованием Ext-JS

Question

Я новичок в Ext-js. Я разрабатываю форму. Но не могу выровнять ее по центру. Это мой код

Ext.onReady(function()
{

    Ext.QuickTips.init();
    Ext.form.Field.prototype.msgTarget = 'side';



  var reg_form = new Ext.FormPanel({
  renderTo: document.body,
  title: 'Employee Registration Form',
  width:600,
  height:500,
  bodyStyle: 'padding:10px 10px 15px 15px;background:#dfe8f6;',
  items: [

  {

    xtype: 'numberfield',
    fieldLabel: 'Employee Id',
    name: 'id',
    decimalPrecision:2,
    allowBlank: false
  },
  {

    xtype: 'textfield',
    fieldLabel: 'Employee Name',
    name: 'name',
    allowBlank: false,
     vtype:'alpha'

  }
]
 });

});

Спасибо заранее.

Answer 1

Еще один способ решения этой проблемы: использовать

Ext.Window({
     maximizeble : false, 
     resizeble : false,
     closable: false, 
     minimizeble: false,
     ...
})

Answer 2

Для этого вам нужно будет применить css или использовать x & y конфиги formpanel