Criar um botão de ação para expandir ou comprimir os grupos de um DataGrid.

Criar um botão de ação para expandir ou comprimir os grupos de um DataGrid. Estive pesquisando como expandir ou comprimir os grupos do Datagrid, a solução encontrada no fórum, foi um post de 2017, através de JS, porém preciso que seja através da ação de um botão, como não tenho muita experiência nessa área do JS, gostaria de saber se existe essa possibilidade. Agradeço qualquer dica! ...

Damiao Jose Costa de Azevedo 02/06/2022 (há 3 anos)

Estive pesquisando como expandir ou comprimir os grupos do Datagrid, a solução encontrada no fórum, foi um post de 2017, através de JS, porém preciso que seja através da ação de um botão, como não tenho muita experiência nessa área do JS, gostaria de saber se existe essa possibilidade.

Agradeço qualquer dica!

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!

Dominando o Adianti Framework Quero me inscrever agora!

Comentários (4)

Nataniel Rabaioli 03/06/2022 (há 3 anos)

Tente o seguinte:

 <?php
$this->form->addButton('Ocultar/Expandir', "$('tr.info').click();",'fa:check');
?>

Damiao Jose Costa de Azevedo - AUTOR DO POST 13/06/2022 (há 3 anos)

Bom dia, Nataniel

Agora que consegui retornar ao projeto, sua resposta como sempre funcionou perfeitamente.

Mudei para um Actionlink e criei uma função com o comando, para poder usá-la no onShow, porém ela não funciona, só no click do botão, a intenção era trazer tudo comprimido.

Segue o código para avaliação e ajuda, para me indicar onde estou errando.

 <?php
/**
* MapaPreventivaForm
*
* @version   
* @package   
* @subpackage
* @author    
* @copyright 
* @license   
*/
class MapaPreventivaForm extends TPage
{
    protected $form; // form 
  
    use Adianti\base\AdiantiStandardListTrait; // Standard form methods
 
    /** 
     * Class constructor
     * Creates the page and the registration form 
     */ 
    function __construct()
    {
        parent::__construct();
     
        $this->form = new BootstrapFormBuilder('form_MapaPreventiva');
        $this->form->setFormTitle('<b>Mapa de Manutenção</b>');
        $this->indicator1 = new THtmlRenderer('app/resources/info-box.html');
        $this->indicator2 = new THtmlRenderer('app/resources/info-box.html');
        $this->indicator3 = new THtmlRenderer('app/resources/info-box.html');
        $this->indicator4 = new THtmlRenderer('app/resources/info-box.html');
        $this->datagrid = new BootstrapDatagridWrapper(new TDataGrid); 
        $this->datagrid->setGroupColumn('placa', '<i>Equipamento: </i> <b>{placa}  {equipamento} </b>');
        $this->datagrid->setHeight(200);
        $this->datagrid->name = 'grid_manu';
        
        $action3 = new TDataGridAction(array($this, 'onGeraProg'), ['id' => '{id}','medida_id'=>'{medida_id}', 'troca'=>'{troca}','leitura'=>'{leitura}','periodo'=>'{periodo}','register_state' => 'false'] );
        $this->datagrid->addAction($action3, 'Gera Programação', 'fa:edit #000000');
        $this->datagrid->style = "width: 100%";
        $this->datagrid->makeScrollable();
        $this->proggrid = new BootstrapDatagridWrapper(new TDataGrid); 
        $this->proggrid->setGroupColumn('preventiva_id', '<i>Equipamento: </i> <b>{placa}  {equipamento} </b>');
        $this->proggrid->setHeight(200);
        $this->proggrid->style = "width: 100%";
        $this->proggrid->makeScrollable();
        $this->tacogrid = new BootstrapDatagridWrapper(new TDataGrid); 
        $this->tacogrid->setHeight(200);
        $this->tacogrid->style = "width: 100%";
        $this->tacogrid->makeScrollable();       
        
        $this->bategrid = new BootstrapDatagridWrapper(new TDataGrid); 
        $this->bategrid->setHeight(200);
        $this->bategrid->style = "width: 100%";
        $this->bategrid->makeScrollable();    
       
        // create the datagrid column
        $column_medida= new TDataGridColumn('medida','Medida','left','50%');
        $column_troca= new TDataGridColumn('troca','Troca','left','10%');
        $column_periodo = new TDataGridColumn('periodo','Período','left','10%');
        $column_leitura = new TDataGridColumn('leitura','Leitura','left','10%');
        $column_hoje = new TDataGridColumn('hoje','Hoje','left','10%');
                // enabled AutoHide
        // create the datagrid column
        $column_prg_medida= new TDataGridColumn('medida','Medida','left','40%');
        $column_prg_vlratual= new TDataGridColumn('valor_atual','Atual','left','10%');
        $column_prg_vlranter= new TDataGridColumn('valor_anterior','Anterior','left','10%');
        $column_prg_ordem   = new TDataGridColumn('ordem_servico','O.S.','left','10%');
        $column_prg_dataanter = new TDataGridColumn('data_anterior','Periodo','left','10%');
        $column_prg_situacao = new TDataGridColumn('situacao','Status','left','20%');
        $column_taco_equipto= new TDataGridColumn('equipto','Equipamento','left','30%');
        $column_taco_documento= new TDataGridColumn('documento','Documento','left','10%');
        $column_taco_emissao= new TDataGridColumn('emissao','Emissao','left','10%');
        $column_taco_validade= new TDataGridColumn('validade','Validade','left','10%');
        $column_taco_situacao= new TDataGridColumn('situacao','Certificado','left','30%');
        $column_taco_certificado= new TDataGridColumn('certificado','Situação','left','0%');
        $column_bate_equipto= new TDataGridColumn('equipamento','Equipamento','left','40%');
        $column_bate_serie= new TDataGridColumn('serie','Serie','left','20%');
        $column_bate_fabricante= new TDataGridColumn('fabricante','Fabricante','left','10%');
        $column_bate_validade= new TDataGridColumn('data_validade','Garantia','left','10%');
        $column_bate_situacao= new TDataGridColumn('situacao','Situação','left','20%');
        $empresa_id = new TDBUniqueSearch('empresa_id','pcmman','Empresas','id','descricao');
        $empresa_id->setSize('100%');
        $empresa_id->setMinLength(0);
        $this->form->addFields( [ new TLabel('Empresa') , $empresa_id ]);
        // add the columns to the DataGrid
     //   $this->datagrid->addColumn($column_placa);
     //   $this->datagrid->addColumn($column_equipto);
        $this->datagrid->addColumn($column_medida);
        $this->datagrid->addColumn($column_troca);
        $this->datagrid->addColumn($column_periodo);
        $this->datagrid->addColumn($column_leitura);
        $this->datagrid->addColumn($column_hoje);
   
        $column_hoje->setTransformer( function ($value) {
        
            if ($value)
            {
                $value = TDate::convertToMask($value, 'yyyy-mm-dd', 'dd/mm/yyyy');
                return $value;
             }
          });
          $column_periodo->setTransformer( function ($value) {
        
            if ($value)
            {
                $value = TDate::convertToMask($value, 'yyyy-mm-dd', 'dd/mm/yyyy');
                return $value;
             }
          });
       
         // add the search form actions
          $this->form->addAction('Atualizar', new TAction( array( $this, 'onProcLog')), 'fa:reply red');
          $this->form->addActionLink('Ocultar/Expandir',  new TAction([$this, 'abrefecha']), 'fa:check blue');
          $this->proggrid->addColumn($column_prg_medida);
          $this->proggrid->addColumn($column_prg_vlranter);
          $this->proggrid->addColumn($column_prg_vlratual);
          $this->proggrid->addColumn($column_prg_ordem);
          $this->proggrid->addColumn($column_prg_dataanter);
          $this->proggrid->addColumn($column_prg_situacao);
          $column_prg_dataanter->setTransformer( function ($value) {
          
              if ($value)
              {
                  $value = TDate::convertToMask($value, 'yyyy-mm-dd', 'dd/mm/yyyy');
                  return $value;
               }
            });
            $column_prg_situacao->setTransformer( function ($value) {
                if ($value == '0')
                {
                    $div = new TElement('span');
                    $div->class="label label-primary";
                    $div->style="text-shadow:none; font-size:12px";
                    $div->add('Aguardando O.S');
                    return $div;
                }
                else
                if ($value == '1')
                {
                    $div = new TElement('span');
                    $div->class="label label-danger";
                    $div->style="text-shadow:none; font-size:12px";
                    $div->add('Em manutenção');
                    return $div;
                }
                else
                {
                  $div = new TElement('span');
                  $div->class="label label-success";
                  $div->style="text-shadow:none; font-size:12px";
                  $div->add('Concluido');
                  return $div;
              }
            });
            
            $this->tacogrid->addColumn($column_taco_equipto);
            $this->tacogrid->addColumn($column_taco_documento);
        //    $this->tacogrid->addColumn($column_taco_emissao);
            $this->tacogrid->addColumn($column_taco_validade);
            $this->tacogrid->addColumn($column_taco_situacao);
            $this->tacogrid->addColumn($column_taco_certificado);
            $column_taco_certificado->setVisibility(false);
            $column_taco_validade->setTransformer( function ($value) {
          
                if ($value)
                {
                    $value = TDate::convertToMask($value, 'yyyy-mm-dd', 'dd/mm/yyyy');
                    return $value;
                 }
              });        
              $column_taco_emissao->setTransformer( function ($value) {
          
                if ($value)
                {
                    $value = TDate::convertToMask($value, 'yyyy-mm-dd', 'dd/mm/yyyy');
                    return $value;
                 }
              });    
              $column_taco_situacao->setTransformer( function ($value,$object,$row) {
                if ($object->certificado == '0')
                {
                    $div = new TElement('span');
                    $div->class="label label-success";
                    $div->style="text-shadow:none; font-size:12px";
                    $div->add('No Prazo');
                    return $div;
                }
                else
                if ($object->certificado == '1')
                {
                    $div = new TElement('span');
                    $div->class="label label-info";
                    $div->style="text-shadow:none; font-size:12px";
                    $div->add($value);
                    return $div;
                }
                else
                if ($object->certificado == '2')
                {
                    $div = new TElement('span');
                    $div->class="label label-danger";
                    $div->style="text-shadow:none; font-size:12px";
                    $div->add('Vencido');
                    return $div;
                }
                else
                {
                    $div = new TElement('span');
                    $div->class="label label-default";
                    $div->style="text-shadow:none; font-size:12px";
                    $div->add('Inativo');
                    return $div;
                }
            });
              $this->bategrid->addColumn($column_bate_equipto);
              $this->bategrid->addColumn($column_bate_serie);
              $this->bategrid->addColumn($column_bate_fabricante);
              $this->bategrid->addColumn($column_bate_validade);
              $this->bategrid->addColumn($column_bate_situacao);
  
  
              $column_bate_validade->setTransformer( function ($value) {
            
                  if ($value)
                  {
                      $value = TDate::convertToMask($value, 'yyyy-mm-dd', 'dd/mm/yyyy');
                      return $value;
                   }
                });   
                $column_bate_situacao->setTransformer( function ($value) {
                    if ($value == '1')
                    {
                        $div = new TElement('span');
                        $div->class="label label-danger";
                        $div->style="text-shadow:none; font-size:12px";
                        $div->add('Vencida');
                        return $div;
                    }  
                });
        // create the datagrid model
        $this->datagrid->createModel();
        $this->proggrid->createModel(); 
        $this->tacogrid->createModel();
        $this->bategrid->createModel();
        // creates the page navigation
     
        // creates the form 
        $panel = new TPanelGroup('<b>Mapa de Programação Preventiva</b>','orange');
        $panel->add($this->datagrid);
        $panel2 = new TPanelGroup('<b>Programações em Andamento</b>','yellow');
       $panel2->add($this->proggrid);
       $panel3 = new TPanelGroup('<b>Situação de Tacógrafos</b>','#dde171');
       $panel3->add($this->tacogrid);
       $panel4 = new TPanelGroup('<b>Garantia das Baterias</b>','#dde171');
       $panel4->add($this->bategrid);
      
         // vertical box container 
        $container = new TVBox;
        $container->style ='width: 100%';
        $div = new TElement('div');
        $div->class = "row";
     //   $div->add( TElement::tag('div', $this->label_dashboard, ['class' => 'col-sm-12']) );
        $div->add( TElement::tag('div', $this->indicator1, ['class' => 'col-sm-3']) );
        $div->add( TElement::tag('div', $this->indicator2, ['class' => 'col-sm-3']) );
        $div->add( TElement::tag('div', $this->indicator3, ['class' => 'col-sm-3']) );
        $div->add( TElement::tag('div', $this->indicator4, ['class' => 'col-sm-3']) );
     //   $div->add( TElement::tag('div', TPanelGroup::pack('<b>Mapa de Programação Preventiva</b>', $this->datagrid), ['class' => 'col-sm-12']) );
        $div->add( TElement::tag('div',$panel , ['class' => 'col-sm-12']) );
        $div->add( TElement::tag('div',$panel2, ['class' => 'col-sm-12']) );
        $div->add( TElement::tag('div',$panel3, ['class' => 'col-sm-6']) );
        $div->add( TElement::tag('div',$panel4, ['class' => 'col-sm-6']) );
        $container->add($this->form);
        $container->add($div);
        parent::add($container);
        
   }
  public static function abrefecha()
   {
    TScript::create("$('tr.info').click();");
   }
   public function onProcLog( $param = null )
   {
   
      try
      {
            $dataform = $this->form->getData();
            $source = TTransaction::open('pcmman');
          
            if (!$param['empresa_id']) 
            {
                $mapa_preventiva  = ViewMapapreventiva::orderBy('placa,medida_id')->load();
                $programacao      = ViewProgramacao::where('situacao','<>','2')->orderBy('preventiva_id')->load();
                $preventivaexecuta = ViewMapapreventiva::count();
                $aguardando        = ViewProgramacao::where('situacao','=','0')->count();
                $manutencao        = ViewProgramacao::where('situacao','=','1')->count();
                $concluido         = ViewProgramacao::where('situacao','=','2')->count();
                $tacografo         = ViewTacografo::orderBy('validade')->load();
                $baterias          = ViewBaterias::orderBy('data_validade')->load();     
              }
             else
            {        
                $mapa_preventiva  = ViewMapapreventiva::where('empresa','=',$param['empresa_id'])->orderBy('placa,medida_id')->load();
                $programacao      = ViewProgramacao::where('situacao','<>','2')->where('empresa','=',$param['empresa_id'])->orderBy('preventiva_id')->load();
                $preventivaexecuta = ViewMapapreventiva::where('empresa','=',$param['empresa_id'])->count();
                $aguardando        = ViewProgramacao::where('situacao','=','0')->where('empresa','=',$param['empresa_id'])->count();
                $manutencao        = ViewProgramacao::where('situacao','=','1')->where('empresa','=',$param['empresa_id'])->count();
                $concluido         = ViewProgramacao::where('situacao','=','2')->where('empresa','=',$param['empresa_id'])->count();
                $tacografo         = ViewTacografo::where('empresa','=',$param['empresa_id'])->orderBy('validade')->load();
                $baterias          = ViewBaterias::where('empresa','=',$param['empresa_id'])->orderBy('data_validade')->load();
               
            } 
            $this->datagrid->clear();
            if ($mapa_preventiva)
            {
                
                foreach ($mapa_preventiva as $mapa)
                {
                    $programa      = new stdClass;
                    $programa->id            = $mapa->id;
                    $programa->placa         = $mapa->placa;
                    $programa->equipamento   = $mapa->equipamento;
                    $programa->medida        = $mapa->medida;
                    $programa->troca         = $mapa->troca;
                    $programa->periodo       = $mapa->periodo;
                    $programa->leitura       = $mapa->leitura;
                    $programa->hoje          = $mapa->hoje;
                    $programa->medida_id     = $mapa->medida_id;
                    
                    $this->datagrid->addItem($programa);
                  
                }
            }  
            $this->proggrid->clear();
            if ($programacao)
            {
                
                foreach ($programacao as $manut)
                {
                    $programa      = new stdClass;
                    $programa->id              = $manut->id;
                    $programa->preventiva_id   = $manut->preventiva_id;
                    $programa->itemplano_id    = $manut->itemplano_id;
                    $programa->valor_atual     = $manut->valor_atual;
                    $programa->valor_anterior  = $manut->valor_anterior;
                    $programa->data_anterior   = $manut->data_anterior;
                    $programa->situacao        = $manut->situacao;
                    $programa->data_manut      = $manut->data_manut;
                    $programa->ordem_servico   = $manut->ordem_servico;
                    $programa->medida          = $manut->medida;
                    $programa->equipamento     = $manut->equipamento;
                    $programa->placa           = $manut->placa;
                    $this->proggrid->addItem($programa);
                  
                }
            }  
            $this->tacogrid->clear();
            if ($tacografo)
            {
                
                foreach ($tacografo as $manut)
                {
                    $programa      = new stdClass;
                  
                    $programa->documento       = $manut->documento;
                    $programa->emissao         = $manut->emissao;
                    $programa->validade        = $manut->validade;
                    $programa->situacao        = $manut->situacao;
                    $programa->equipto         = $manut->equipto;
                    $programa->certificado     = $manut->certificado;
                   
                    $this->tacogrid->addItem($programa);
                  
                }
            }  
            $this->bategrid->clear();
            if ($baterias)
            {
                
                foreach ($baterias as $manut)
                {
                    $programa      = new stdClass;
                  
                    $programa->equipamento     = $manut->equipamento;
                    $programa->serie           = $manut->serie;
                    $programa->fabricante      = $manut->fabricante;
                    $programa->situacao        = $manut->situacao;
                    $programa->data_validade   = $manut->data_validade;
                   
                    $this->bategrid->addItem($programa);
                  
                }
            }  
         $this->indicator1->enableSection('main', ['title' => 'A programar', 'icon' => 'bullhorn', 'background' => 'red', 'value' => number_format($preventivaexecuta,0,',','.')] ); 
         $this->indicator2->enableSection('main', ['title' => 'Aguardando O.S', 'icon' => 'clock', 'background' => 'blue', 'value' => number_format($aguardando,0,',','.')] );     
         $this->indicator3->enableSection('main', ['title' => 'Em Manutenção', 'icon' => 'wrench', 'background' => 'orange', 'value' => number_format($manutencao,0,',','.')] );     
         $this->indicator4->enableSection('main', ['title' => 'Concluidas', 'icon' => 'thumbs-up', 'background' => 'green', 'value' => number_format($concluido,0,',','.')] );     
         $this->form->setData($dataform);  
        
        }
      catch (Exception $e) 
    {
        new TMessage('error', $e->getMessage());
    }             
   }
    public function onGeraProg( $param )
    {
        $action = new TAction(array($this, 'programar'));
        $action->setParameters($param); // pass the key parameter ahead
        
        // shows a dialog to the user
        new TQuestion('Deseja Programar essa manutenção?', $action);   
    }  
    public function programar($param){
        try  
        { 
          TTransaction::open('pcmman'); 
            $data = new Programacao;
            $data->preventiva_id = (int) $param['id'];
            $data->itemplano_id  = (int) $param['medida_id'];
            $data->valor_anterior = (int) $param['troca'];
            $data->valor_atual   = (int) $param['leitura'];
            $data->data_manut    = date('Y-m-d');
            $data->situacao      = 0;
            $data->data_anterior = TDate::convertToMask($param['periodo'],'dd/mm/yyyy','yyyy-mm-dd');
            $data->store();
            TTransaction::close();
            $this->onProcLog();
         }
         catch (Exception $e) // in case of exception
        {
          new TMessage('error', $e->getMessage()); // shows the exception error message
              TTransaction::rollback(); // undo all pending operations
        } 
       }
    function show()
   {
       $this->onProcLog();
       $this->abrefecha();
       parent::show();
   }       
}
?>

Nataniel Rabaioli 15/06/2022 (há 3 anos)

Provavelmente o javascript está executando antes do término do carregamento/processamento da página. Tente o seguinte:

 <?php
public static function abrefecha()
{
       TScript::create("
           $(function(){
               $('tr.info').click();
           });
       ");
}
?>

Damiao Jose Costa de Azevedo - AUTOR DO POST 17/06/2022 (há 3 anos)

Bom dia, Nataniel

Funcionou certinho agora.

Só para compreender a inclusão de FUNCTION no script, ele cria a função no JS e depois ela será chamada na sequência do processo da função SHOW, diferente de antes que executava o comando direto antes da conclusão na chamada da função abrefecha(), trocando em miúdo seria isso ou não?

Grato por mais esse auxílio!

Novo Comentário