如何使用 JSF panelGrid

Question

我试图使用JSF创建一个登录表单。并且不确定如何使用面板网格。

代码的布局如下：

<h:panelGrid columns="4">
    <p>UserName <h:inputText ............../></p>
    <p>Password <h:inputSecret ............/></p>
    <h:panelGroup>
        COMMAND BUTTON ENTER
    </h:panelGrid>
</h:panelGrid>

我

不确定的是我如何证明哪一列等中的内容。

谢谢

Answer 1

h:panelGrid每个 JSF 标签都位于新列中。如果您希望"用户名"和<h:inputText>在单独的列中彼此相邻，则XHTML应如下所示：

<h:panelGrid columns="4">
    <h:outputText value="UserName" />
    <h:inputText ............../>
    <h:outputText value="Password" />
    <h:inputSecret ............/>
</h:panelGrid>

因此，在您的情况下，如果您有 4 列，那么第一行将由标签输入 x2 获取，之后的内容将落在新行中。另一方面，如果您希望每个标签输入对都位于单独的行中，只需将列属性设置为 columns="2" 。

您还可以像这样设置每列的样式：

<h:panelGrid ... columnClasses="one-col,two-col,three-col,four-col" >