Jsf 2 JSF PanelGrid与表格

JSF2面板网格与HTML表格相比有什么优势

e、 g

vs

JSF中的“h:panelGrid”

标记用于生成HTML表标记。它将JSF组件放置在行和列布局中。使用它的优点是您不必键入所有这些html标记

例如，这里您必须在编码中键入所有这些html标记

<table>
<tbody>
<tr>
    <td>
        Enter a Phone number : 
    </td>       
    <td>
        <h:inputText id="input1" value="#{bean.input1}" 
            size="20" required="true"
            label="Number" >
            <f:convertNumber />
        </h:inputText>
    </td>
    <td>
        <h:message for="input1" style="color:red" />
    </td>
</tr>
</tbody>
</table>

输入电话号码：

但是使用“h:panelGrid”也可以通过键入以下命令来完成同样的事情：

<h:panelGrid columns="3">
    Enter a Phone number : 
    <h:inputText id="input1" value="#{bean.input1}" 
        size="20" required="true"
        label="Number" >
        <f:convertNumber />
    </h:inputText>
    <h:message for="input1" style="color:red" />
</h:panelGrid>

输入电话号码：

提供了更多细节，panelGrid也有一些限制。 对齐各种面板将非常容易，您可以在面板中使用JSF表单控件（），而无需UI开发人员的帮助

PanelGrid的一个限制是：应用CSS样式并不容易。你需要寻找替代方案。但是有了标准的html标记，应用CSS样式就很容易了。JSF2PrimeFaces提供了主题，但我无法在实时应用程序开发中避免CSS样式。

---

但是有了PanelGrid，您几乎可以使用任何适合PanelGrid呈现html的JSF控件。

这使得设计变得简单。查看代码，您只需要记住一个标记，而不是表的html结构。对于html。

<table>
<tbody>
<tr>
    <td>
        Enter a Phone number : 
    </td>       
    <td>
        <h:inputText id="input1" value="#{bean.input1}" 
            size="20" required="true"
            label="Number" >
            <f:convertNumber />
        </h:inputText>
    </td>
    <td>
        <h:message for="input1" style="color:red" />
    </td>
</tr>
</tbody>
</table>

<h:panelGrid columns="3">
    Enter a Phone number : 
    <h:inputText id="input1" value="#{bean.input1}" 
        size="20" required="true"
        label="Number" >
        <f:convertNumber />
    </h:inputText>
    <h:message for="input1" style="color:red" />
</h:panelGrid>