Expandidos todos p:rowExpansion dentro de um dataTable

Segue abaixo o código para manipular todos rowExpansion dentro de um datatable do Primefaces:

//Apenas um botão com as 2 funcionalidades Expand/Minimize
<p:selectBooleanButton offIcon="ui-icon-plusthick" offLabel="Expand All" 
  onIcon="ui-icon-minusthick" onLabel="Minimize All" 
  onchange="$('.ui-datatable-data').find('.ui-row-toggler').trigger('click');" />

// Apenas seleciona todos
<p:commandButton icon="ui-icon-plusthick" value="Expand All" 
  onclick="$('.ui-datatable-data') .find('.ui-row-toggler')
    .not('.ui-icon-circle-triangle-s').trigger('click');" />

// Apenas minimiza todos
<p:commandButton icon="ui-icon-minusthick" value="Minimize All" 
  onclick="$('.ui-datatable-data').find('.ui-row-toggler')
   .filter('.ui-icon-circle-triangle-s').trigger('click');" />

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

w

Conectando a %s