Mudanças

Ir para navegação Ir para pesquisar
sem sumário de edição
Linha 1: Linha 1:  +
*'''ITCI073''' - Essa instrução de trabalho apresenta os passos para obter uma lista de dados conforme o exemplo abaixo.
 +
:[[File:ClipCapIt-180207-115927.PNG]]
 +
 
* Para fazer uma listagem de dados, basta associar uma consulta como JSON ao plugin DataTable, conforme abaixo:
 
* Para fazer uma listagem de dados, basta associar uma consulta como JSON ao plugin DataTable, conforme abaixo:
 
<syntaxhighlight lang="php">
 
<syntaxhighlight lang="php">
 
{source 0}<?php
 
{source 0}<?php
 +
  //consulta normal, para um vetor associativo
 
   $egressos = simpleXMLTBCtoArray(getXMLFromTBC('FAHOR.TBC.004', 7, 'S', ''));
 
   $egressos = simpleXMLTBCtoArray(getXMLFromTBC('FAHOR.TBC.004', 7, 'S', ''));
 
?>{/source}
 
?>{/source}
 
</syntaxhighlight>
 
</syntaxhighlight>
 
<syntaxhighlight lang="html">
 
<syntaxhighlight lang="html">
 +
<!-- crie a estrutura da tabela, com o cabeçalho -->
 
<table id="egressos" class="display" cellspacing="0" width="100%">
 
<table id="egressos" class="display" cellspacing="0" width="100%">
 
   <thead>
 
   <thead>
Linha 20: Linha 25:  
<syntaxhighlight lang="javascript">
 
<syntaxhighlight lang="javascript">
 
<script>
 
<script>
 +
  //OBSERVE QUE AQUI ASSOCIAMOS OS DADOS EM JSON À VARIÁVEL PARA SER ITERADA
 
   var egressos = {source 0}<?php echo json_encode($egressos); ?>{/source}
 
   var egressos = {source 0}<?php echo json_encode($egressos); ?>{/source}
 +
  //aqui usamos os dados e definimos alguns ajustes padrões, mais podem ser encontrados em datatables.net
 
   jQuery('#egressos').DataTable({
 
   jQuery('#egressos').DataTable({
 
     data: egressos,
 
     data: egressos,
CI, ERP, Funcionários, Professores
951

edições

Menu de navegação