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 */
]

在面板extjs 4中布置按钮

1 个答案: