Реализация динамического ContextMenu для множественного выбора Datatable для Primefaces
У меня есть постраничная база данных PrimeFaces Datatable с контекстным меню, и я хочу реализовать множественный выбор, где пункты меню в контекстном меню будут зависеть от количества выбранных элементов, поскольку некоторые действия будут доступны только при выборе только одного элемента и другие будут действительны при выборе одного или нескольких.
Моя первая идея состояла в том, чтобы использовать опцию «рендеринг» отдельных пунктов меню, которая установлена в компоненте контроллера. Такого рода работы, так как действительно отображаются правильные пункты меню. Проблема заключается в том, что использование представленных функциональных возможностей пунктов меню привело к тому, что выбор потерян для данных, что противоречит цели упражнения.
<p:dataTable id="orders" dynamic="true" var="item" rowKey="#{item.id}" value="#{ordersController.orders}"
emptyMessage="#{uistrings['datatable.nodata']}" paginator="true" paginatorPosition="both"
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
paginatorAlwaysVisible="false" rows="10" selectionMode="multiple" selection="#{ordersController.selectedOrders}" widgetVar="orderList">
<p:ajax event="sort" listener="#{ordersController.onSort}" update="orders"/>
<p:ajax event="rowSelect" update="contextMenu"/>
<p:ajax event="rowUnselect" update="contextMenu"/>
<p:column id="balance_date" sortBy="#{item.balanceDate}">
<f:facet name="header">
<h:outputText value="#{uistrings['orders.column.label.balancedate']}"/>
</f:facet>
<h:outputText value="#{item.balanceDate}">
<f:converter converterId="isoDateTimeConverter"/>
<f:attribute name="#{webUiConstBean.ISO_CONVERTER_ATTRIBUTE_TYPE}" value="#{webUiConstBean.ISO_DATE_CLASS}" />
<f:attribute name="#{webUiConstBean.ISO_CONVERTER_ATTRIBUTE_PATTERN}" value="#{webUiConstBean.ISO_DATE_FORMAT}" />
</h:outputText>
</p:column>
<p:column id="recipient_name" sortBy="#{item.recipient.displayName}">
<f:facet name="header">
<h:outputText value="#{uistrings['orders.column.label.recipient.displayName']}"/>
</f:facet>
<h:outputText value="#{item.recipient.displayName}"/>
</p:column>
[snip]
</p:dataTable>
<p:contextMenu id="contextMenu" for="orders">
<p:menuitem value="#{uistrings['orders.menu.details']}" update="details, orders"
oncomplete="detailDialog.show()" icon="ui-icon-search" rendered="#{ordersController.renderDisplayDetails}" />
<p:menuitem value="#{uistrings['orders.button.label.delete']}" icon="ui-icon-trash"
update="orders" ajax="true" onclick="confirmDelete.show()"
rendered="#{ordersController.renderDeleteDocuments}"/>
</p:contextMenu>
После поиска решений на этом и других форумах, нахождения некоторых подсказок и самостоятельного поиска нескольких альтернатив я предпринял несколько других попыток, в том числе:
1) использование двух полных контекстных меню: одно для выбора одного элемента, а другое - для выбора множества элементов и использование параметра рендеринга в самих контекстных меню, а не в их элементах.
В этом случае события rowSelect и rowUnselect обновляют оба
<p:ajax event="rowSelect" update="contextMenu1Selected contextMenuManySelected"/>
<p:ajax event="rowUnselect" update="contextMenu1Selected contextMenuManySelected"/>
И контекстные меню выглядят примерно так
<p:contextMenu id="contextMenu1Selected" for="orders" rendered="#{ordersController.render1Selected}">
<p:menuitem value="#{uistrings['orders.menu.details']}" update="details, orders"
oncomplete="detailDialog.show()" icon="ui-icon-search"/>
<p:menuitem value="#{uistrings['orders.button.label.delete']}" icon="ui-icon-trash"
update="orders" ajax="true" onclick="confirmDelete.show()"/>
</p:contextMenu>
<p:contextMenu id="contextMenuManySelected" for="orders" rendered="#{ordersController.renderManySelected}">
<p:menuitem value="#{uistrings['orders.button.label.delete']}" icon="ui-icon-trash"
update="orders" ajax="true" onclick="confirmDelete.show()"/>
</p:contextMenu>
Но это не сработало вообще. Меню не было показано.
2) Поместить два контекстных меню в выходную панель и обновить панель. Это имело тот же результат, что и моя первая попытка. то есть пункты меню отображаются правильно, но теряют выделение
<p:outputPanel id="contextMenuPanel" autoUpdate="true">
<p:contextMenu id="contextMenu1Selected" for="orders" rendered="#{ordersController.renderDisplayDocument}">
[menu items]
</p:contextMenu>
<p:contextMenu id="contextMenuManySelected" for="orders" rendered="#{ordersController.renderDeleteDocuments}">
[menu items]
</p:contextMenu>
</p:outputPanel>
3) Определение модели contextMenu с использованием menuModel, предоставляемого контроллером, который сам имеет две модели, доступные для двух случаев, и предоставляет правильную модель в зависимости от количества выбранных элементов. Также в панели вывода
<p:outputPanel id="contextMenuPanel" autoUpdate="true">
<p:contextMenu id="contextMenu" for="orders" model="#{ordersController.menuModel}"/>
</p:outputPanel>>
Это тоже не сработало. Элементы меню отображаются правильно, но выбор нескольких элементов теряется, как и раньше.
Я исчерпал варианты, которые я знаю.
Кто-нибудь успешно реализовал динамические контекстные меню для таблиц данных с множественным выбором?
Или у кого-нибудь есть идеи, которые могут сработать?
Приветствия.