Fatal编程技术网
  • jsf/
  • JSF中组件的水平放置

JSF中组件的水平放置

jsf

JSF中组件的水平放置,jsf,Jsf,应该很简单，但我找不到答案，我想水平放置组件，而不是垂直放置 我试图实现的是一个富：包含2行或更多行的工具栏。我一直在尝试使用一个工具栏，它有一个panelgrid和两个PanelGroup，如下所示： <rich:toolbar...> <f:panelgrid columns="1"...> <f:panelgroup id="row1" .../> <-- Should be horizontal placement <

应该很简单，但我找不到答案，我想水平放置组件，而不是垂直放置

我试图实现的是一个富：包含2行或更多行的工具栏。我一直在尝试使用一个工具栏，它有一个panelgrid和两个PanelGroup，如下所示：

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



您可能已经知道，webserver中的JSF在webbrowser中最终成为HTML。在HTML中，有几种方法可以水平放置元素（最终借助CSS）：


  • 将它们分组到内联元素中（如
    或任何具有
    显示：内联；
    的元素）
    • 

  • 将它们分组到块元素中（如
    或任何带有
    显示：block；
    ）的元素中，并给它们一个
    浮动：左
    • 
JSF
    呈现一个HTML
    元素，其中每个子组件都被视为一个
    。
    columns
    属性表示单个
    中
    元素的最大数量（以便
    知道何时放入
    ）。JSF
    呈现一个
    元素
    
要使用JSF实现方式1，只需将它们分组到单独的
    组件中
    

    <rich:toolbar ...>
    <h:panelgroup id="row1" ... />
    <h:panelgroup id="row2" ... />
</rich:toolbar>

    

    

    

    方法2也可以用同样的方法完成，但是使用
    代替，并使用
    浮点：左在他们的CSS中。
    太棒了！谢谢你添加了教育部分。我自学了JSF，缺少了很多基础知识。。。