1

我有如下要求

带有复选框选择选项和行选择的数据表也保留了多选，

当用户单击复选框时，应选择相应的行，同时如果行选择事件选择了数据表的任何行，则该行选择事件应重新定位现有的选定项，并且当前选择也反之亦然。

由于 primefaces 框架的限制，我无法达到这个要求，任何人都可以帮助我达到这个要求

示例 Xhtml：

<p:dataTable id="checkboxDT" var="car" value="#{dtSelectionView.cars6}" selection="#{dtSelectionView.selectedCars}" rowKey="#{car.id}" style="margin-bottom:0">
        <f:facet name="header">
            Checkbox
        </f:facet>
        <p:column selectionMode="multiple" style="width:16px;text-align:center"/>
        <p:column headerText="Id">
            <h:outputText value="#{car.id}" />
        </p:column>
        <p:column headerText="Year">
            <h:outputText value="#{car.year}" />
        </p:column>
        <p:column headerText="Brand">
            <h:outputText value="#{car.brand}" />
        </p:column>
        <p:column headerText="Color">
            <h:outputText value="#{car.color}" />
        </p:column>
        <f:facet name="footer">
            <p:commandButton process="checkboxDT" update=":form:multiCarDetail" icon="ui-icon-search" value="View" oncomplete="PF('multiCarDialog').show()" />
        </f:facet>
    </p:dataTable>

示例 Bean：范围：组会话范围

public void onRowSelect(SelectEvent event) {
    FacesMessage msg = new FacesMessage("Car Selected", ((Car) event.getObject()).getId());
    FacesContext.getCurrentInstance().addMessage(null, msg);
}

public void onRowUnselect(UnselectEvent event) {
    FacesMessage msg = new FacesMessage("Car Unselected", ((Car) event.getObject()).getId());
    FacesContext.getCurrentInstance().addMessage(null, msg);
}

笔记 ：

请验证 primefaces 展示的默认组件行为

4

1 回答 1

2

“由于primefaces框架限制，我无法达到这个要求，任何人都可以帮助我达到这个要求”

这不是限制，它是设计的。使用 ctrl-click，您可以在单击它们时添加其他行。但是，如果您想更改此行为，相关信息位于PrimeFaces 6.2 文档的第 161 页。

rowSelectMode new String 定义多选的行选择模式。
                                     有效值为“new”、“add”和“checkbox”。

所以添加

rowSelectMode="add"

到你的数据表最有可能做到这一点。

于 2018-08-02T10:13:28.013 回答