layout - 在面板 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: {
    type:  "vbox",
    align: "center"
},
defaults: {
    margin: "10 0 0 0"  // Same as CSS (top right bottom left)
},
items: [
    /* Button declarations here */
]