ExtJS4：如何制作水平菜单？

Question

我正在尝试在ExtJS4中实现简单的下拉菜单。

默认情况下，它是垂直显示的，似乎没有（明显的）方法使其水平显示。

任何帮助都将不胜感激。

- berliner

Answer 1

这件事情没有简单的方法。菜单忽略布局配置并始终使用vbox。要水平显示它，您应该重写initComponent以使在hbox和vbox之间切换成为可能。当您选择hbox时，项目将水平显示，但大小将保持像vbox中一样。因此，还需要对大小进行调整-为此，您应该重写doConstrain方法。

- Krzysztof

---

非常感谢您的快速回复。我会尝试实现这个解决方案，并让您知道一切是否正常。 - berliner

Answer 2

水平菜单是什么意思？您可以在工具栏上添加一堆按钮... http://docs.sencha.com/ext-js/4-0/#!/example/menu/menus.html

- dbrin

---

谢谢回复。我知道这是可能的，有一些官方的例子。我只是怀疑是否可以使用这种方法实现像这个http://dev.sencha.com/playpen/ext-core-latest/examples/menu/这样的东西。 - berliner

你想太多啦 :) 你只需要在工具栏上添加项目 - 默认情况下它们是按钮，但你可以指定其他的xtype。当你添加按钮时，你可以添加子项，它们就会变成菜单。http://docs.sencha.com/ext-js/4-0/#!/example/menu/menus.html - dbrin

不客气。这里有一个有趣的例子，工具栏中有一堆字段而不是菜单...只是为了给你一些想法。http://jsfiddle.net/dbrin/PhAbR/embedded/result/ 删除URL中的最后2个标记以查看源代码。 - dbrin