PrimeFacesを用いて画面設計を行っています。
PrimeFacesの公式サイト
DataTableのページ
を見ながら実装を行っています。
その作業の中で、リンク先にあるようなデータ編集を行を行うのですが、値を変化させたとき隣のセルにCHANGEなどの文字を表示させることができないか教えてください。
よろしくお願いします。
xhtmlファイルの内容は、
lang
1<?xml version="1.0" encoding="UTF-8" ?> 2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3<ui:composition xmlns="http://www.w3.org/1999/xhtml" 4xmlns:ui="http://java.sun.com/jsf/facelets" 5xmlns:h="http://java.sun.com/jsf/html" 6xmlns:f="http://java.sun.com/jsf/core" 7xmlns:p="http://primefaces.org/ui"> 8 <ui:define name="content"> 9 <h:form id="form"> 10 <div class="listpanel"> 11 <p:panel> 12 <p:dataTable id="datatable" var="car" 13 value="#{carBean.list}" editable="true" 14 editMode="cell" paginator="true" rows="10" 15 rowsPerPageTemplate="10,20,30" 16 paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"> 17 <p:ajax event="cellEdit" 18 listener="#{carBean.onCellEdit}" 19 update=":form:datatable" /> 20 21 <p:column headerText="DATE"> 22 <p:cellEditor> 23 <f:facet name="output"> 24 <p:outputLabel value="#{car.date}"> 25 <f:convertDateTime pattern="yyyy/MM/dd" /> 26 </p:outputLabel> 27 </f:facet> 28 <f:facet name="input"> 29 <p:calendar pattern="yyyy/MM/dd" 30 value="#{car.date}"/> 31 </f:facet> 32 </p:cellEditor> 33 </p:column> 34 35 <p:column headerText="DETAIL"> 36 <p:cellEditor> 37 <f:facet name="output"> 38 <p:outputLabel value="#{car.detail}" /> 39 </f:facet> 40 <f:facet name="input"> 41 <p:inputText value="#{car.detail}" /> 42 </f:facet> 43 </p:cellEditor> 44 </p:column> 45 46 <p:column headerText="EDIT STATUS"> 47 <p:outputLabel value="#{car.editStatus}" /> 48 </p:column> 49 50 </p:dataTable> 51 </p:panel> 52 </div> 53 </h:form> 54 </ui:define> 55</ui:composition>
です。headerTextがDATEやDETAILの内容を編集すると、headerTextがEDIT_STATUSの列にあるセルの内容が変化するようにしたいと考えています。
以上よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。