Datatable and checkbox (check all) in the header

UI Components for JSF
Post Reply
SRS
Posts: 10
Joined: 16 Apr 2010, 11:29

09 Jul 2010, 16:57

How to insert in datatable header checkbox to select all checkboxes in the list?

I have use the next code:

<p:dataTable id="transactionListNavigator" var="item" value="#{transactionListNavigator.lazyModel}" binding="#{transactionListNavigator.dataTable}" >
<p:column>
<f:facet name="header">
<h:selectBooleanCheckbox id="all_transactionIdChkb" name="all_transactionIdChkb" />
</f:facet>
<h:selectBooleanCheckbox id="transactionIdChkb" value="#{item.selected}"/>
</p:column>


When I click on this checkbox ("all_transactionIdChkb") - it checked and then unchecked automatically.

Image
Last edited by SRS on 11 Jul 2010, 20:12, edited 1 time in total.

User avatar
michiel
Posts: 240
Joined: 07 Jun 2010, 09:12
Location: Belgium

09 Jul 2010, 17:19

something like:

Code: Select all

<p:dataTable id="transactionListNavigator" var="item" value="#{transactionListNavigator.lazyModel}" binding="#{transactionListNavigator.dataTable}" >
   <p:column>
      <f:facet name="header">
         <h:selectBooleanCheckbox id="all_transactionIdChkb" name="all_transactionIdChkb" >
            <p:ajax update="transactionListNavigator" event="click" actionListener="someBean.selectAll"/>
         <h:selectBooleanCheckbox>
      </f:facet>
      <h:selectBooleanCheckbox id="transactionIdChkb" value="#{item.selected}"/>
   </p:column>
JSF-2.0, mojarra-2.0.2-FCS and PrimeFaces-2.1 on GlassFish v3.0.1 (build 22)

SRS
Posts: 10
Joined: 16 Apr 2010, 11:29

09 Jul 2010, 17:32

I want to select (check all) using JavaScript (jQuery) using something like this

Code: Select all

jQuery("input[id$=" + chbkAllId + "]").each(function()
    {
         this.checked = checked_status;
   });
and using

Code: Select all

 <h:selectBooleanCheckbox id="all_transactionIdChkb" name="all_transactionIdChkb" value="#{transactionListModel.showOrderAndClientId}">
              <p:ajax event="click" actionListener="#{transactionListBB.checkAll}"/>
       </h:selectBooleanCheckbox>
I receive the error:
missing } after property list x.AjaxRequest(' in line where create columnDef var:
var widget_transactionListNavigatorForm_j_idt89_transactionListPanel_transactionListNavigator_columnDef = ....

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 30 guests