primefaces - DataTable selection with radioButtons not working - Stack Overflow

admin管理员组

文章数量:1125959

I have a p:dataTable that is editable via RowEditor. Now, I want to add a single selection per radio button (since rowSelection by simply clicking on the row does not work with cellEditor).

The issue is that when I click on the radio button the selection doesnt change and the rowSelect event isnt triggered

Im using PrimeFaces 13.0.7 and heres the document:

Here is my DataTable

<p:dataTable id="exampleDatatable"
                                             var="item" 
                                             value="#{bean.itemList}" 
                                             editable="true"
                                             rowKey="#{item.id}"
                                             selectionMode="single"
                                             selection="#{bean.selectedItem}"
                                             >
  <p:ajax event="rowEdit" listener="#{bean.onRowEditItem}"/>
  <p:ajax event="rowSelect" listener="#{bean.rowSelectItem"}/>
  <p:column></p:column>
  <p:column headerText="Id">
    <p:cellEditor>
      <f:facet name="output">
        <h:outputText value="#{item.id}"/>
      </f:facet>
      <f:facet name="input">
        <h:outputText value="#{item.id}" style="width:100%"/>
      </f:facet>
    </p:cellEditor>
  </p:column>
</p:dataTable>

I have a p:dataTable that is editable via RowEditor. Now, I want to add a single selection per radio button (since rowSelection by simply clicking on the row does not work with cellEditor).

The issue is that when I click on the radio button the selection doesnt change and the rowSelect event isnt triggered

Im using PrimeFaces 13.0.7 and heres the document: https://primefaces.github.io/primefaces/13_0_0/#/components/datatable

Here is my DataTable

<p:dataTable id="exampleDatatable"
                                             var="item" 
                                             value="#{bean.itemList}" 
                                             editable="true"
                                             rowKey="#{item.id}"
                                             selectionMode="single"
                                             selection="#{bean.selectedItem}"
                                             >
  <p:ajax event="rowEdit" listener="#{bean.onRowEditItem}"/>
  <p:ajax event="rowSelect" listener="#{bean.rowSelectItem"}/>
  <p:column></p:column>
  <p:column headerText="Id">
    <p:cellEditor>
      <f:facet name="output">
        <h:outputText value="#{item.id}"/>
      </f:facet>
      <f:facet name="input">
        <h:outputText value="#{item.id}" style="width:100%"/>
      </f:facet>
    </p:cellEditor>
  </p:column>
</p:dataTable>

• datatable
• primefaces
• radio-button
• selection

Share Improve this question Follow edited yesterday seenukarthi 8,6141010 gold badges5050 silver badges7373 bronze badges asked 2 days ago JoeJoe 3133 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

your code is wrong this is what you need to do...

selectionMode="single" goes on the p:column not on the DataTable.

See docs: https://primefaces.github.io/primefaces/13_0_0/#/components/datatable?id=single-selection-with-radiobutton

the value for selection="#{bean.selectedItem}" must be a single item and it will detect it.

<p:dataTable var="car" value="#{carBean.cars}" selection="#{carBean.selectedCar}" rowKey="#{car.id}">
    <p:column selectionMode="single"/>
    ...columns
</p:dataTable>

本文标签： primefacesDataTable selection with radioButtons not workingStack Overflow