0

JSF 2 パネル グリッドと HTML テーブルの利点は何ですか?

例えば

<h:panelGrid columns="1">
 <h:outputText value="Hello"/>
</h:panelGrid>

対

<table>
<tr>
<td>
 <h:outputText value="Hello"/>
</td>
</tr>
</table>
4

1 に答える 1

1

"h:panelGrid"JSF の tag は、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>

詳細についてはJSF docを参照してください。また、panelGrid にもいくつかの制限があります。さまざまなパネルを整列させるのは非常に簡単で、UI 開発者の助けを借りなくても、パネル内に JSF フォーム コントロール () を配置できます。

PanelGrid の制限の 1 つは次のとおりです。CSS スタイルを適用するのは簡単ではありません。代替ソリューションを探す必要があります。ただし、標準の html タグを使用すると、CSS スタイルを簡単に適用できます。JSF2 Primefaces はテーマを提供しますが、リアルタイム アプリケーション開発では CSS スタイルを避けることができませんでした。ただし、PanelGrid を使用すると、PanelGrid のレンダリングされた html に適合するほぼすべての JSF コントロールを使用できます。

于 2012-12-04T09:48:18.273 に答える