JM
Como adicionar o DataTables Responsivo no Adianti Framework
Fechado
Olá pessoal!
Neste artigo estou postando a solução que encontrei para adicionar o DataTables Responsivo ao Adianti Framework, irei dividir em alguns passos, compartilhe no comentário se deu certo.
Passo 01
Primeiro vc deve adicionar ao arquivo libraries.html os seguintes includes js, segue os códigos abaixo.
Passo 02
Você deve criar uma nova Class no meu caso criei o "TDatagridTables.php" no diretório lib/adianti/widget/datagrid/ segue o meu código caso queira conferir pastebin.com/MgZmi0Fh comentei os códigos das classes do css do datagrid padrão e no final adicionei o script que ira chamar o dataTables que se encontra na linha 582 a 625.
Passo 03
Agora basta vc ir na classe que gostaria de usar o dataTables no momento que for criar o objeto mudar para a nova classe.
Feito isso o dataTables Responsivo ira funcionar blz.
Vlw Galera!
Neste artigo estou postando a solução que encontrei para adicionar o DataTables Responsivo ao Adianti Framework, irei dividir em alguns passos, compartilhe no comentário se deu certo.
Passo 01
Primeiro vc deve adicionar ao arquivo libraries.html os seguintes includes js, segue os códigos abaixo.
<!-- data tables -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/3/dataTables.bootstrap.css"/>
<link href="//cdn.datatables.net/1.10.4/css/jquery.dataTables.css" rel="stylesheet" type="text/css" media="screen" />
<link href="//cdn.datatables.net/colvis/1.1.1/css/dataTables.colVis.css" rel="stylesheet" type="text/css" media="screen" />
<link href="//cdn.datatables.net/responsive/1.0.3/css/dataTables.responsive.css" rel="stylesheet" type="text/css" media="screen" />
<link href="//cdn.datatables.net/tabletools/2.2.3/css/dataTables.tableTools.css" rel="stylesheet" type="text/css" media="screen" />
<link href="//cdn.datatables.net/colreorder/1.1.2/css/dataTables.colReorder.css" rel="stylesheet" type="text/css" media="screen" />
<!-- <script src="lib/jquery/jquery.min.js" type="text/javascript"></script> -->
<!-- jquery do template que usei, no seu caso vc coloca o caminho do seu script--><script src="app/templates/{template}/assets/jquery/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="//cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/3/dataTables.bootstrap.js"></script>
<!--<script type="text/javascript" language="javascript" src="//cdn.datatables.net/fixedcolumns/3.0.0/js/dataTables.fixedColumns.min.js"></script>-->
<script type="text/javascript" language="javascript" src="//cdn.datatables.net/tabletools/2.2.3/js/dataTables.tableTools.min.js"></script>
<script type="text/javascript" language="javascript" src="//cdn.datatables.net/colvis/1.1.1/js/dataTables.colVis.min.js"></script>
<script type="text/javascript" language="javascript" src="//cdn.datatables.net/responsive/1.0.3/js/dataTables.responsive.min.js"></script>
<script type="text/javascript" language="javascript" src="//cdn.datatables.net/colreorder/1.1.2/js/dataTables.colReorder.min.js"></script>
<!-- fim data tables -->
Passo 02
Você deve criar uma nova Class no meu caso criei o "TDatagridTables.php" no diretório lib/adianti/widget/datagrid/ segue o meu código caso queira conferir pastebin.com/MgZmi0Fh comentei os códigos das classes do css do datagrid padrão e no final adicionei o script que ira chamar o dataTables que se encontra na linha 582 a 625.
Passo 03
Agora basta vc ir na classe que gostaria de usar o dataTables no momento que for criar o objeto mudar para a nova classe.
- <?php
- // instancia objeto DataGrid
- $this->datagrid = new TDatagridTables;
- ?>
Feito isso o dataTables Responsivo ira funcionar blz.
Vlw Galera!
Olá pessoal!
Esqueci de informar que no passo 03, e preciso add o código abaixo no inicio da classe
Segue o exemplo do DataTables no site oficial: https://datatables.net/extensions/responsive/.
Vlw
Oi Jackson Beleza o artigo segue umas sugestões:
1- Siga o procedimento adianti.com.br/framework-extensibility
Assim quando vc migrar para uma nova versão do framework não terá problemas.
2- As classes são mapeadas na classe AdiantiClassMap dentro do core de uma estudada nela e mapeia a sua classe "TDatagridTables" nela.
Achei ótimo a dica apenas dei estas dicas para ficar mais elegante o código.
Olá Filipe
Obrigado pela dica, dei uma lida e já implementei no TDatagridTables seguindo o tutorial, realmente o código ficou mais limpo, muito obrigado.
Bom dia
Poste o código zipado para que eu possa testa-lo por favo!
Acho que o Augusto tem o mesmo problema que eu não podemos acessar o pastebin.
Jackson
Poderia ficar legal se vc mover esse tópico ajustando e colocando as classes em php mesmo, mas coloque na aba contribuições acho que o forum fica mais organizado assim.
Abraços
Felipe Cortez
Exatamente, eu quero ver como foi feito pois quero ideias de como implementar o www.jeasyui.com/demo/main/index.php para usar com o adianti!
Tentei seguir o exemplo mas não funcionou aqui! Quando vou acessar a Grid pela parte visual não carrega nada!
Alguém pode ajudar?
Só para ficar registrado aqui, na versão 3.0.0 o suporte à Data Tables é nativo, tornando este post obsoleto.
Atenciosamente,
Olá Pablo
Qual seria o exemplo no tutor que esta usando o dataTables, o link abaixo?
www.adianti.com.br/framework_files/tutor/index.php?class=DatagridBoo