2013-10-17 35 views
0

是否有创建多行工具栏的标准方式?我正在加载项目,他们通常绰绰有余,使工具栏溢出。但我不想要溢出功能,我只想让这些项目跨越几行。随着项目被加载,我无法事先创建几个堆叠的工具栏。一个观察:我将布局从默认的'hbox'切换到'auto',并且项目确实跨越了几行,但是然后像分隔符这样的功能会产生不需要的附带效果,比如每行只有一个项目或分隔符,不同浏览器中的外观不同。多行工具栏Ext JS 4.2

我可以通过dinamically计算项目的总体宽度,并除以工具栏的最大所需宽度以获得我需要的工具栏的数量,但我不确切知道项目在哪个点获得有效的有用宽度。

这是之前别人发布的一个老问题。我重新提出要求,因为可能是因为Ext JS的最新版本,他们在这个问题上“无证”地提供了所需的布局解决方案。

谢谢!

回答

0

我不认为有一个可以做所有你想要的东西的开箱组件。

HBox的默认工具栏布局只是放置一切水平间距。 如果你知道你需要更多的空间,你可以随时把它放在一个容器中,并为它的项目设置任何布局。您可以创意并嵌套各种布局。

我个人认为这最终会看起来很丑。也许有一种更好的解决方案,可以用另一种方法来满足设计需求。

+0

这与工具提示有什么关系? – dbrin

+0

我从Ext JS 4.2.0更新到4.2.1,现在我的工具提示显示OK,所以我可以使用'auto'布局而不是'hbox'来查看多行的工具栏。也许Ext JS开发人员可以将此常见请求作为挑战,并为将来的版本创建多行布局。不过,我会尝试将物品包装到容器中。感谢您的快速回答! – Dayron

+0

我忘记提及我正在使用省略号来缩短项目中的文本,以便在同一空间中容纳更多项目,但工具提示在以前的版本中是错误的。 – Dayron