使用Ext-js开发ui

时间:2011-09-29 01:13:15

标签: extjs

我是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'

  }
]
 });

});

先谢谢你。

2 个答案:

答案 0 :(得分:0)

您需要应用css来执行此操作,或使用x& y

formpanel个配置

答案 1 :(得分:0)

解决此问题的另一种方法: 使用

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