title: p:ajax rowSelectCheckbox event is not working in column header check box
body: <p>When i select the checkbox inside the data table its working fine but when i select the column header check box only visibly the checkbox get selected but value is setting behind. Is we need to bind the value for the column header check box separatly.</p>
  
  <pre><code>&lt;div class="ContentSection"&gt;
      &lt;p:tab title="Result" 
             id="dataTable_selectionDemoTab"&gt;
          &lt;h2&gt;Table RowSelection with Checkbox&lt;/h2&gt;
          &lt;p:panel id="checkboxSelectTableContent_xhtml" &gt;
              &lt;div class="TableSection"&gt;
                  &lt;p:dataTable value="#{dataTableBean.defaultRecord}" 
                               var="car"
                               id="carDemo33" 
                               style="margin-bottom:0"
                               selection="#{dataTableBean.selectedRecords}"
                               rowKey="#{car.productNmr}"&gt;
                      &lt;p:ajax event="rowSelectCheckbox" 
                              process="carDemo33" 
                              update="carDemo33,:tableform:multiCarDetail"
                              oncomplete="multiCarDialog.show();" &gt;
                      &lt;/p:ajax&gt;
                      &lt;p:ajax event="rowUnselectCheckbox" 
                              oncomplete="multiCarDialog.show();" 
                              update="carDemo33,:tableform:multiCarDetail" &gt;
                      &lt;/p:ajax&gt;
                      &lt;p:column selectionMode="multiple" 
                                style="width:16px;text-align:center"/&gt;
  
                      &lt;p:column headerText="productNmr" width="172"&gt;
                          &lt;h:outputText value="#{car.productNmr}" /&gt;
                      &lt;/p:column&gt;
                      &lt;p:column headerText="productName" width="161"&gt;
                          &lt;h:outputText value="#{car.productName}" /&gt;
                      &lt;/p:column&gt;
                      &lt;p:column headerText="address" width="161"&gt;
                          &lt;h:outputText value="#{car.address}" /&gt;
                      &lt;/p:column&gt;
                      &lt;p:column headerText="leziDate" width="135"&gt;
                          &lt;h:outputText value="#{car.leziDate}" /&gt;
                      &lt;/p:column&gt;
  
                  &lt;/p:dataTable&gt;
              &lt;/div&gt;
          &lt;/p:panel&gt;
      &lt;/p:tab&gt;
      &lt;/p:tabView&gt;
  &lt;/div&gt;
  &lt;p:dialog id="tablePopup"  
            header="Selected Cars" 
            widgetVar="multiCarDialog" 
            modal="true" 
            showEffect="fade" 
            hideEffect="fade" 
            resizable="false" 
            width="200"&gt;
      &lt;p:outputPanel id="multiCarDetail" 
                     style="text-align:center;"&gt;
          &lt;ui:repeat value="#{dataTableBean.selectedRecords}" 
                     var="car"&gt;
              &lt;h:outputText value="#{car.productNmr} - #{car.address}" 
                            style="display:block"/&gt;
          &lt;/ui:repeat&gt;
      &lt;/p:outputPanel&gt;
  &lt;/p:dialog&gt;
  </code></pre>