在面板extjs 4中布置按钮

Question

我有一些严重的问题试图在extjs 4.07中为我的用户界面布置一些按钮我有一个基本布局,我想改变,但每次我改变一些东西我的按钮消失,或者一个占用整个面板,或基于我输入的配置没有任何意义的其他内容.我需要帮助.这是代码:

{xtype:'panel',
  columnWidth:.06,
  layout:'vbox',
  items:[
    {xtype:'button', text:'=>', action'moveOver'},
    {xtype:'button', text:'<=', action'moveBack'},
    {xtype:'button', text:'reset', action'reset'}
  ]
}

以下是我所拥有的,而不是我想要的面板.

是)我有的:

[----------]
[[=>]      ]
[[<=]      ]
[[RS]      ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[----------]

我想要的是这样的:

[----------]
[          ]
[   [=>]   ]
[          ]
[   [<=]   ]
[          ]
[   [RS]   ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[          ]
[----------]

任何帮助表示赞赏

Answer 1

您是否看过Sencha文档站点上的VBox Layout示例？看起来您只想让您的物品居中对齐,并在它们之间留出一些边距.这样的事情应该让你开始:

layout: {
    type:  "vbox",
    align: "center"
},
defaults: {
    margin: "10 0 0 0"  // Same as CSS (top right bottom left)
},
items: [
    /* Button declarations here */
]