Extjs4 将窗体面板置于屏幕中央

Extjs4 将窗体面板置于屏幕中央,extjs4,extjs4.1,Extjs4,Extjs4.1,有一个表单面板,它的作用就像一个容器。然后我有另一个表单面板,在那里我添加了一个文本字段和一个按钮。我需要这个表单面板在屏幕的中央。以及文本框底部的按钮(我应该能够将其定位在表单中的任何位置,如Absolutelayout) 我的代码如下;而且它没有按照我想要的方式工作。有人能调查一下吗 Ext.define('MyApp.view.MyView'{ 扩展:“Ext.form.Panel”, 别名:“widget.myview”, 框架:对, 身高:800, 隐藏:假, 隐藏模式:“可见性”,

有一个表单面板,它的作用就像一个容器。然后我有另一个表单面板,在那里我添加了一个文本字段和一个按钮。我需要这个表单面板在屏幕的中央。以及文本框底部的按钮(我应该能够将其定位在表单中的任何位置,如
Absolute
layout)

我的代码如下;而且它没有按照我想要的方式工作。有人能调查一下吗

Ext.define('MyApp.view.MyView'{
扩展:“Ext.form.Panel”,
别名:“widget.myview”,
框架:对,
身高:800,
隐藏:假,
隐藏模式:“可见性”,
id:'myviewid',
自动滚动:错误,
车身衬垫:5,
initComponent:函数(){
var me=这个;
Ext.applyIf(我{
项目:[{
xtype:'表单',
身高:330,
宽度:400,
布局:{
类型:“绝对”
},
车身衬垫:10,
标题:“Care Fusion用户登录”,
主播:"250",,
项目:[{
xtype:'textfield',
id:'名称',
宽度:233,
姓名:'姓名',
字段标签:“Nmae”,
最大生长量:200,
x:10,
y:30
} {
xtype:'按钮',
身高:30,
宽度:256,
文本:“单击”,
x:240,
y:110
}]
}]
});
me.callParent(参数);
}
});

尝试在外部容器中使用以下布局:

layout: {
  align: 'middle',
  pack: 'center',
  type: 'hbox'
},

然后,您的内部表单将被放置在外部表单的中心。

否。我认为这应该包括在您的第一个表单视图中。MyView