应该很简单,但我找不到答案,我想水平放置组件而不是垂直放置。
我想要实现的是一个丰富的:具有 2 行或更多行的工具栏。我一直在尝试使用具有面板网格和两个面板组的工具栏来做到这一点,如下所示:
<rich:toolbar...>
<f:panelgrid columns="1"...>
<f:panelgroup id="row1" .../> <-- Should be horizontal placement
<f:panelgroup id="row2" .../> <-- Should be horizontal placement
<f:panelgrid/>
<rich:toolbar/>
那么如何使面板组布局水平(或者我应该使用其他东西?)
Thanks!
您可能已经知道 Web 服务器中的 JSF 在 Web 浏览器中最终以 HTML 形式出现。在 HTML 中,有几种水平放置元素的方法(最终借助 CSS):
- 将它们分组到内联元素中(例如
<span>
或任何元素display: inline;
).
- 将它们分组到块元素中(例如
<div>
或任何元素display: block;
) and给他们所有人一个float: left;
.
The JSF <h:panelGrid>
呈现 HTML<table>
元素,其中每个子组件被视为<td>
. The columns
属性表示最大数量<td>
单个元素<tr>
(所以这样<h:panelGrid>
知道何时放置</tr><tr>
在)。日本国防军<h:panelGroup>
呈现一个<span>
元素。
要使用 JSF 实现方式 1,您只需将它们分别分组<h:panelGroup>
成分。
<rich:toolbar ...>
<h:panelgroup id="row1" ... />
<h:panelgroup id="row2" ... />
</rich:toolbar>
方式2可以用同样的方式完成,但是然后用<h:panelGroup layout="block">
相反和一个float: left;
在他们的 CSS 中。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)