Eclipseで作成したJSFプロジェクトでFaceletsタグの使い方を纏めました(4)

Eclipseで作成したJSFプロジェクトでFaceletsタグの使い方を纏めました(1)

Eclipseで作成したJSFプロジェクトでFaceletsタグの使い方を纏めました(2)

Eclipseで作成したJSFプロジェクトでFaceletsタグの使い方を纏めました(3)の続きです。

<h:dataTable></h:dataTable>

<h:panelGrid>タグにちょっと似ているのですが、<h:dataTable>タグでもテーブルを作成することができます。

<h:dataTable>の属性にvalueがあり、バッキングビーンのリストや配列を指定します。varという属性はvalue属性のリストを取り出す値です。今回は「l」としています。

「#{l.name}」とすることで、リストに追加したPOJOのぷろぱてぃにあくせすすることができます。

以下、index.xhtmlです。

index.xhtml

以下、バッキングビーンです。

Employee.java

以下、Tekito001.java(POJO)です。

Tekito001.java

これで表が表示されます。

以下、表示例です。

Eclipseで作成したJSFプロジェクトでFaceletsタグの使い方を纏めました(4)

表示できましたがヘッダや罫線がないので見づらいですね。

ヘッダは<f:facet name=”header”></f:facet>で指定することができます。

<h:column>タグ内に記述します。

以下、ヘッダを追加したindex.xhtmlです。

index.xhtml

以下、表示例です。

Eclipseで作成したJSFプロジェクトでFaceletsタグの使い方を纏めました(4)

FaceletsタグとHTML5

FaceletsタグとHTML5を連携することができます。

具体的にはp:html5の属性とするだけです。

ネームスペース宣言を以下のように追加します。

<h:inputText>タグに以下のようにp:タグでhtml5の属性を追加します。

以下、index.xhtmlです。

以下、表示例です。

Eclipseで作成したJSFプロジェクトでFaceletsタグの使い方を纏めました(4)

その他、p:placeholder等も使えます。

以下、index.xhtmlです。

以下、表示例です。

Eclipseで作成したJSFプロジェクトでFaceletsタグの使い方を纏めました(4)

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくば、我に七難八苦を与えたまえ」です^^

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA