checkbox selection datatable jsf2 primefaces - select

Question

I use the datatable with checkbox selection feature, but when I click on footer button after selecting some rows, thoses rows don't be affected to my object selectedCommandes[], and the proof is that I added a row in the method that show me the lenght of selectedCommandes[] but it return 0, I don't know why,
I think all my codes are good
here is the datatable :
<p:dataTable id="cars" var="car" value="#{commandesUserController.mediumCommandesModel}" selection="#{commandesUserController.selectedCommandes}" tableStyle="width:auto">
<f:facet name="header">
Checkbox Based Selection
</f:facet>
<p:column selectionMode="multiple" style="width:18px" />
<p:column headerText="Model" style="width:100px">
<h:outputText value="#{car.id}" />
</p:column>
<p:column headerText="Year" style="width:100px">
<h:outputText value="#{car.dateEnvoi}" />
</p:column>
<p:column headerText="Manufacturer" style="width:100px">
<h:outputText value="#{car.dateLivraisonRecommande}" />
</p:column>
<p:column>
<p:commandLink ajax="false" value="Editer" action="updateUser_v1" >
<f:setPropertyActionListener value="#{car}" target="#{editUserController.u1}" />
</p:commandLink>
</p:column>
<p:column>
<p:commandLink value="Supprimer" oncomplete="confirmation.show()" >
<f:setPropertyActionListener value="#{car}" target="#{commandesUserController.selectedCommande}" />
</p:commandLink>
</p:column>
<p:column style="width:40px">
<p:commandButton id="selectButton" update=":myform:carDlg" oncomplete="carDialog.show()" icon="ui-icon-search" title="View">
<f:setPropertyActionListener value="#{car}" target="#{commandesUserController.selectedCommande}" />
</p:commandButton>
</p:column>
<f:facet name="footer">
<p:commandButton id="supprion" value="supprimer selection" oncomplete="confirmation2.show()" />
</f:facet>
</p:dataTable>
and here is the button where there is the problem :
<f:facet name="footer">
<p:commandButton id="supprion" value="supprimer selection" oncomplete="confirmation2.show()" />
</f:facet>
and here is the dialog that appears when I click in the button above :
<p:confirmDialog id="confirmDialog2" message="etes vous sur de vouloir supprimer ces commande avec tous les données et fichiers correspondants !"
header="confirmation de suppression" severity="alert" widgetVar="confirmation2">
<p:commandButton id="confirm2" value="oui" update="cars" oncomplete="confirmation2.hide()"
action="#{commandesUserController.deleteCommandes()}" />
<p:commandButton id="decline2" value="non" onclick="confirmation2.hide()" type="button" />
</p:confirmDialog>
and here is the method in the managedBean :
public String deleteCommandes(){
System.out.println("je suis dans delete l ensemble avec tous = "+selectedCommandes.length);
for(int j = 0;j<selectedCommandes.length;j++){
selectedCommandes[j].setListFichiers(uh.getFichiersById(this.selectedCommandes[j].getId()));
for(int i = 0; i<selectedCommandes[j].getListFichiers().size();i++){
//System.out.println("alors "+selectedCommande.getListFichiers().get(i).getId());
uh.deleteFichier(selectedCommandes[j].getListFichiers().get(i));
}
uh.deleteCommande(selectedCommandes[j]);
}
return "commandesUser";
}
this line : System.out.println("je suis dans delete l ensemble avec tous = "+selectedCommandes.length); always return 0
I already created the class that implement SelectableDataModel
I hope I explained the problem
do you have any idea
thank you

Answer 1

Is there a h:form placed around the p:dataTable? If this is not the case this is probably the cause of your problem.
On PrimeFaces' showcase page the structure looks like this:
<h:form>
<p:dataTable>
<!-- content of data table -->
</p:dataTable>
<p:confirmDialog>
<!-- content of dialog -->
</p:confirmDialog>
</h:form>
Putting the p:dataTable and the p:confirmDialog in a separate form should work too I guess:
<h:form>
<p:dataTable>
<!-- content of data table -->
</p:dataTable>
</h:form>
<h:form>
<p:confirmDialog>
<!-- content of dialog -->
</p:confirmDialog>
</h:form>
You can set a breakpoint on the setter of selectedCommandes to check is this is called. (Don't worry is the setter is called multiple times, this is normal.)

Answer 2

as you told me, I tested with two form and in a separate page:
here is the new xhtml page :
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<body>
<ui:composition template="./template_utilisateur.xhtml">
<ui:define name="tohead">
</ui:define>
<ui:define name="content">
Bienvenue #{userController.u1.nom} #{userController.u1.prenom}
<br></br><br></br><br></br>
<h:form id="form">
<p:dataTable id="cars" var="car" value="#{acceuilUserController.lc_maj}" tableStyle="width:auto" rowStyleClass="#{(car.lu == false) ? 'red' : null}" >
<p:column headerText="Commande N° : " style="width:100px">
<h:outputText value="#{car.commande.id}" />
</p:column>
<p:column headerText="Date de mise à jour : " style="width:100px">
<h:outputText value="#{car.dateMaj}" />
</p:column>
<p:column headerText="Decision : " style="width:100px">
<h:outputText value="#{car.decison}" />
</p:column>
<p:column headerText="Etat : " style="width:100px">
<h:outputText value="#{car.etat}" />
</p:column>
<p:column style="width:40px">
<p:commandButton id="selectButton" update=":form:carDlg" oncomplete="carDialog.show()" icon="ui-icon-search" title="plus de détails">
<f:setPropertyActionListener value="#{car}" target="#{acceuilUserController.selectedMajCommande}" />
</p:commandButton>
</p:column>
</p:dataTable>
<p:dialog header="Commande editée le #{acceuilUserController.selectedMajCommande.dateMaj} par l'#{acceuilUserController.selectedMajCommande.utilisateur.type} #{acceuilUserController.selectedMajCommande.utilisateur.nom} #{acceuilUserController.selectedMajCommande.utilisateur.prenom}" widgetVar="carDialog" resizable="false" id="carDlg"
showEffect="fade" hideEffect="explode" modal="true">
<f:ajax event="close" execute="#this" render="cars" listener="#{acceuilUserController.refreshDatatable()}"/>
<table id="gradient-style" >
<tr style="border: hidden;">
<th>
<h:outputLabel value="Model:" />
</th>
<td>
<h:outputLabel style="font-weight: bold;" value="#{acceuilUserController.selectedMajCommande.commande.id}" />
</td>
</tr>
<tr style="border: hidden;">
<th>
<h:outputLabel value="Year:" />
</th>
<td>
<h:outputLabel style="font-weight: bold;" value="#{acceuilUserController.selectedMajCommande.commande.etat}" />
</td>
</tr>
<tr style="border: hidden;">
<th>
<h:outputLabel value="Manufacturer:" />
</th>
<td>
<h:outputLabel style="font-weight: bold;" value="#{acceuilUserController.selectedMajCommande.commande.dateEnvoi}" />
</td>
</tr>
<tr style="border: hidden;">
<th>
<h:outputLabel value="Color:" />
</th>
<td>
<h:outputLabel style="font-weight: bold;" value="#{acceuilUserController.selectedMajCommande.commande.dateLivraisonRecommande}" />
</td>
</tr>
</table>
<table id="gradient-style" >
<th>Nom Fichier</th><th>Taille</th><th>Télécharger</th>
<ui:repeat value="#{acceuilUserController.selectedMajCommande.commande.listFichiers}" var="jjjjj">
<tr>
<td>
<h:outputLabel style="font-weight: bold;" value="#{jjjjj.nom}" />
</td>
<td>
<h:outputLabel style="font-weight: bold;" value="#{jjjjj.taille}" />
</td>
<td>
<h:commandLink value="Télécharger">
<p:fileDownload value="#{jjjjj.convertFichier}" />
</h:commandLink>
</td>
</tr>
</ui:repeat>
</table>
</p:dialog>
</h:form>
</ui:define>
</ui:composition>
</body>
</html>
and here is the set method from selectedCommandes :
public void setSelectedCommandes(Commande[] selectedCommandes) {
System.out.println("je suis la dans son set tous : :"+selectedCommandes.length);
this.selectedCommandes = selectedCommandes;
}
I noticed that when I check one line the method above doesn't be run, it run only once when I click on :
<f:facet name="footer">
<p:commandButton id="supprion" value="supprimer selection" update=":form2:displayMulti" oncomplete="confirmation2.show()" />
</f:facet>
in footer to datatable, and it is written :
Infos: je suis la dans son set tous : :0
do you have any idea, thanks

Answer 3

add
<p:ajax event="cellEdit" listener="#{tableBean.onCellEdit}" update=":form:messages" />
under
<p:datatTable>