・データを表で表示
・行単位の選択
・行単位の修正


index.xhtml
mystyle.css
Bb.java
Kokyaku.java ・

index.html



・ｈとｆのリンク先
html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:f="http://xmlns.jcp.org/jsf/core"

・CSS
h:outputStylesheet name="mystyle.css" library="css" /

・h:dataTable value="#{bb.kokyaku}” var="k"
　　　　 columnClasses="c1,c2,c3,c4" 　カラムの幅やアラインの定義
　　　　headerClass="hd1" 　　　　　　明細見出し部の定義
　　　　rowClasses="row1,row2"　　　　行単位で交互に表示
　　bb.kokyakuからデータｗ取り出すための変数


・f:facet name="header">番号
　明細の見出しを表示

・h:commandLink action="#{bb.edit(k)}">#{k.number}
　番号がクリックされたら　edit(k)を実行

・h:outputText value="#{k.name}" rendered="#{!k.editable}"
・h:inputText value="#{k.name}" rendered="#{k.editable}" size="4" styleClass="inp"
　　renderedが機能の有効無効状態を選択
　　sizeは文字数