0

我正在尝试使用 JSF 创建登录表单。并且不确定如何使用 panelGrid。

代码布局如下：

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

    <h:panelGroup>
        COMMAND BUTTON ENTER
    </h:panelGrid>
</h:panelGrid>

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

谢谢

4

1 回答 1

0

在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 属性设置为columns="2".

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

<h:panelGrid ... columnClasses="one-col,two-col,three-col,four-col" >
于 2014-04-07T10:54:41.370 回答