календарь в формате JSF 2.0

Question

У меня есть таблица данных, в которой есть список записей, мое требование состоит в том, чтобы включить календарь для одного из столбцов в нем. Я написал Javascript для календаря, который при нажатии на изображение календаря выбирает дату и помещаетсяв соответствующем поле ввода. Теперь проблема, с которой я сталкиваюсь, - это календарь, который я поместил в отображаемый только для первой строки календаря datatable.my, выбранный на основе атрибута "id", как я могу получить идентификатордля каждого ряда.ниже приведен код, который я пробовал

<h:dataTable id="d" value="#{Class.bean.itemList}" var="iBean" >                        
 <h:column>
  <div class="demo">
   <f:facet name="header">
    <h:outputText style=""value="Date" />
   </f:facet>
   <h:inputText id="dDate" value="#{iBean.date}" />
    <input style="display:none" type="text" id="datepicker" onchange="fetchDate(this);hiddenButtonClick(this)" >
     <h:commandButton style="display:none" id="hiddenitemDateCalc"  value="get date" action="#{Class.itemDateFromUI}" >
     </h:commandButton>
  </div>
 </h:column>
</h:dataTable>

Answer 1

Ваш пример заканчивается неверным HTML.Все поля ввода имеют одинаковый идентификатор.Вам нужно использовать <h:inputText> вместо <input>, чтобы JSF генерировал уникальный идентификатор для каждой строки.

Или, проще, возьмите библиотеку компонентов, которая поставляется с повторно используемым компонентом календаря (и т. Д.)

• Томагавк с <t:inputCalendar>
• RichFaces с <rich:calendar>
• PrimeFaces с <p:calendar>

---

Не связано с конкретной проблемой, которая <f:facet> должен быть объявлен вне <div>.