<p: ajax> Unable to attach <p: ajax> to non-ClientBehaviorHolder parent

Question

I am using JSF 2, primefaces 4.0, and I am trying to use DataTable - In-Cell Editing, since it is being created in a barcode display window, but I have an error, although I copied the same example shown in the error display window

<p:ajax> Unable to attach <p:ajax> to non-ClientBehaviorHolder parent 

this is xhtmlpagecode

  <rich:panel style="width : 800px; height : 551px; " > <f:facet name="header" > <h:outputText value="Tableau des articles" align="center" style="FONT-SIZE: small;"/> </f:facet> <h:form id="form"> <p:dataTable id="cars" var="car" value="#{articlesbean.LMatpilotaccess1}" editable="true" editMode="cell" widgetVar="carsTable"> <f:facet name="header"> Matériel du pilotage et accessoires </f:facet> <p:growl id="messages" showDetail="true"/> <p:contextMenu for="cars" widgetVar="cMenu"> <p:menuitem value="Edit Cell" icon="ui-icon-search" onclick="PF('carsTable').showCellEditor();return false;"/> <p:menuitem value="Hide Menu" icon="ui-icon-close" onclick="PF('cMenu').hide()"/> </p:contextMenu> <p:column headerText="Serie" style="width:25%"> <p:ajax event="cellEdit" listenner="#{articlesbean.onCellEdit}" update=":form:messages" /> <p:cellEditor> <f:facet name="output"><h:outputText value="#{car.serie}" /></f:facet> <f:facet name="input"><p:inputText id="modelInput" value="#{car.serie}" style="width:96%"/></f:facet> </p:cellEditor> </p:column> </p:dataTable> </h:form> </rich:panel> 

and this is my bean

 @ManagedBean(name="articlesbean") @ViewScoped public class ArticlesBean implements Serializable{ @Inject private ArticlesDAO articleDAO; @Inject private Matpilotaccess1 matpilotaccess1; @Inject private Matpilotaccess2 matpilotaccess2; @Inject private Poteaux poteaux ; @Inject private Travgc1 travgc1; @Inject private Travgc2 travgc2; @Inject private Travresurbain travresurbain; private List LMatpilotaccess1 = new ArrayList(); private List LMatpilotaccess2 = new ArrayList(); private List LPoteaux = new ArrayList(); private List LTravgc1 = new ArrayList(); private List LTravgc2 = new ArrayList(); private List LTravresurbain = new ArrayList(); public void onCellEdit(CellEditEvent event) { Object oldValue = event.getOldValue(); Object newValue = event.getNewValue(); if(newValue != null && !newValue.equals(oldValue)) { FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Cell Changed", "Old: " + oldValue + ", New:" + newValue); FacesContext.getCurrentInstance().addMessage(null, msg); } } //// Getters and setters 

Answer 1

You have embedded <p:ajax> inside a <p:column> . <p:ajax> requires insertion into a component that implements the ClientBehaviorHolder interface . However, the Column class for <p:column> does not implement it. DataTable component class behind <p:dataTable> implements it.

Instead of <p:dataTable> you should embed <p:ajax> inside <p:dataTable> :

 <p:dataTable ...> <p:ajax ... /> <p:column ...> ... </p:column> </p:dataTable> 

Exactly as shown on the storefront site . In other words, your statement

although I copied the same example shown in the window

not really true.