JSF2.0 タグ一覧 (h:panelGrid) 編

JSF の HTML (UIComponent) 系タグにはテーブルを作成するタグが2種類用意されています。
これらのタグと固有機能系タグを組み合わせることでテーブルを使用した画面を作成可能です。

6. テーブル関連タグ

(*) HTML 系タグの詳細はこちらをご参照ください。
(*) JSF 固有機能系タグの詳細はこちらをご参照ください。

6.1. h:panelGrid

HTML の

タグに対応しています。

sample6_1.xhtml

















画面


HTML

<body>
<table border="1">






















table>
body>

(*) 一部改行を追加しています。

h:panelGrid は

コード 分類 備考
book_001 小説 散文で作成された虚構の物語として定義される。
book_002 技術本 各分野において目的を達成するために用いられる手段・手法をまとめた書物。
book_003 雑誌 逐次刊行物であり定期刊行物である出版物の一種。
...
に変換されます。
上記例では columns 属性と border 属性を指定していますが、いずれも必須ではありません。columns 属性を指定しなかった場合は列が1列に、border 属性を指定しなかった場合は枠線がなくなります。

タグと タグは の間で宣言したタグの内容を元に自動的に生成されます。
今回は 12個の を宣言しており、列数 (columns 属性) に「3」を指定していますので
4行×3列のテーブルとして出力されています。

他にも数多くの属性を指定可能ですが、ここでは一部を紹介するにとどめます。
(*) h:panelGrid に指定可能な属性の詳細はこちらをご参照ください。

HTML の タグと同様、cellpadding 属性や cellspacing 属性を指定可能です。

ex.) での HTML と画面

<table border="1" cellpadding="0" cellspacing="0">
~ 略 ~




また、行毎、列毎に CSS を指定可能です。

rowClasses 属性で行毎のクラスを、columnClasses属性で列毎のクラスを指定します。いずれも「, (カンマ)」で区切ることで必要数指定します。

ex.) での HTML/CSS と画面
























コード 分類 備考
book_001 小説 散文で作成された虚構の物語として定義される。
book_002 技術本 各分野において目的を達成するために用いられる手段・手法をまとめた書物。
book_003 雑誌 逐次刊行物であり定期刊行物である出版物の一種。

 




[ END ]

转载于:https://www.cnblogs.com/j3eee/p/3815999.html

你可能感兴趣的:(xhtml)