Создать выпадающее меню в h: dataTable для одной конкретной строки

Question

У меня есть форма, которая содержит несколько полей, которые вводят данные от пользователя. Этот ввод затем используется для создания dataTable, который заполняется через Hibernate с информацией из базы данных, в соответствии с параметрами/полями, выбранными пользователем в начальной форме.

Мне нужно как-то создать раскрывающееся меню для конкретной записи, на которую нажимается, а затем загрузить эту запись в определенном формате файла (у меня уже есть аналогичный метод для этого, сделанный кем-то другим).

Вот как мой DataTable выглядит следующим образом:

<h:form id="form2"> 
<t:dataTable binding="#{table}" rendered="#{searchArhivaUIBean.renderTable}" value="#{searchArhivaUIBean.nonEdiAbstractList}" 
var="dataItem" border="0" cellspacing="2" width="100%" id="tdtbl" 
    headerClass="tableHeader" rowClasses="rowOdd,rowEven" columnClasses="Column"> 
<t:column> 
    <!-- display currently selected row number --> 
    <f:facet name="header"> 
     <t:outputText value="Nr"/> 
    </f:facet> 
    <t:outputText value="#{table.rowIndex + 1}"/> 
</t:column> 
<t:column> 
    <f:facet name="header"> 
    <t:outputText value="Data Mesaj"/> 
    </f:facet> 
    <t:outputText value="#{dataItem.dataMesaj}"> 
    <f:convertDateTime timeZone="#{tzUIBean.tz}" pattern="dd.MM.yyyy" /> 
    </t:outputText> 
</t:column> 
<t:column> 
    <f:facet name="header"> 
    <t:outputText value="Numar Mesaj"/> 
    </f:facet> 
    <t:outputText value="#{dataItem.numarMesaj}"/> 
</t:column> 
<t:column> 
    <f:facet name="header"> 
    <t:outputText value="Societate Sender"/> 
    </f:facet> 
    <t:outputText value="#{dataItem.societateSender}"/> 
</t:column> 
<t:column> 
    <f:facet name="header"> 
    <t:outputText value="Societate Receiver"/> 
    </f:facet> 
    <t:outputText value="#{dataItem.societateReceiver}"/> 
</t:column> 
</t:dataTable> 
</h:form> 

Это создаст DataTable, заселенный с деталями. Любые идеи о том, как я могу сделать, теперь выпадающее меню появляется, когда я нажимаю сообщение (либо столбец «Nr» (первый столбец в dataTable)), либо столбец «Numar Mesaj»? Мне нужно, чтобы выпадающее меню отображалось под этой конкретной строкой в ​​dataTable, поэтому я могу выбрать формат файла из этого раскрывающегося списка и загрузить эту конкретную запись в формате .pdf, .xls или любого другого типа.

По крайней мере, так я думал, что это сработало. Любые идеи приветствуются.

Answer 1

Ну, это было бы намного проще с надлежащей структурой JSF, например, с Prime Faces. У них есть специальные компоненты для такого рода вещей.

С JSF по умолчанию это будет часть работы. Я могу себе представить что-то вроде этого: Сначала вам нужно сделать один из ваших столбцов кликабельным, например, h: commandLink. Это (щелчок) действие может изменить специальный флаг (ы), который будет использоваться для отображения дополнительной строки с форматами. Следующий шаг делает дополнительные строки для каждой строки данных, где скрыта вторая строка (по вышеуказанным флагам). Нажав на ссылку в столбце, вы увидите дополнительную строку с форматами. Кажется, единственная трудность состоит в том, чтобы показать только 1 строку, а не все из них, поэтому события и флаги должны быть достаточно умными. Вы должны отслеживать выбор текущей строки и использовать ее при показе дополнительной строки.