次のように定義されたデータテーブルがあります。
<div style="margin-top: 10px; padding: 3px 3px;">
<fieldset>
<legend>SourcePublicationDates</legend>
<f:facet name="header" >
<h:outputText value="Add SourcePub date:"/>
</f:facet>
<h:inputText id="sourcePublicationDate" value="#{dataEntry.sourcePublicationDate}">
<c:ajax event="keyup" />
<c:ajax event="focus" />
<f:ajax execute="@this" render="sourcePublicationDate" />
</h:inputText>
<h:panelGroup style="padding-left: 3px;">
<button class="manualContent" id="showSourcePublicationDateCalendar" type="button"><img src="/sourceNavigateWeb/resources/images/cal.gif"/></button>
<div id="sourcePublicationDateCalendarContainer" />
</h:panelGroup>
<h:commandButton value="Add" action="#{dataEntry.editSourcePubDates}">
<f:ajax execute="@this" render="dtSourcePubDate" />
</h:commandButton>
<h:dataTable id="dtSourcePubDate" value="#{dataEntry.sourcePubDates}" var="sourcePubDate">
<h:column>
<f:facet name="header" >
<h:outputText value="Source Publication Dates:"/>
</f:facet>
<h:inputText id="sourcePubDate" value="#{sourcePubDate}"/>
</h:column>
</h:dataTable>
</fieldset>
</div>
そして、この表の値は、最終的に以下のように javascript で取得する複数選択カレンダー コントロールから取得されます。個々の fullDate を、最終的に jsf バッキング Bean にバインドされるデータ テーブルのテキスト ボックス フィールド部分に表示したいと考えています。fullDate を datatable のテキスト ボックス フィールドに取得するにはどうすればよいですか? または、データテーブルの編集不可能な形式でも?
CalendarPopup.handleSelectForMultipleDates = function(type, args, obj, inputEl)
{
var arrDates = CalendarPopup.sourcePublicationDateCalendar.getSelectedDates();
var length = arrDates.length;
var i=0;
while(i!=length)
{
var date = arrDates[i];
var displayMonth = date.getMonth() + 1;
var displayYear = date.getFullYear();
var displayDate = date.getDate();
var fullDate = displayMonth + "/" displayDate + "/" + displayYear;
i++;
}
}