Mudanças entre as edições de "Criar formulário no site da FAHOR - Joomla - Exemplo de uma listagem de dados"
Ir para navegação
Ir para pesquisar
(Criou página com 'Para fazer uma listagem de dados, basta associar uma consulta como JSON ao pluguin DataTable, conforme abaixo:') |
|||
(3 revisões intermediárias por um outro usuário não estão sendo mostradas) | |||
Linha 1: | Linha 1: | ||
− | Para fazer uma listagem de dados, basta associar uma consulta como JSON ao | + | *'''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: | ||
+ | <syntaxhighlight lang="php"> | ||
+ | {source 0}<?php | ||
+ | //consulta normal, para um vetor associativo | ||
+ | $egressos = simpleXMLTBCtoArray(getXMLFromTBC('FAHOR.TBC.004', 7, 'S', '')); | ||
+ | ?>{/source} | ||
+ | </syntaxhighlight> | ||
+ | <syntaxhighlight lang="html"> | ||
+ | <!-- crie a estrutura da tabela, com o cabeçalho --> | ||
+ | <table id="egressos" class="display" cellspacing="0" width="100%"> | ||
+ | <thead> | ||
+ | <tr> | ||
+ | <th>Egresso</th> | ||
+ | <th>Curso</th> | ||
+ | <th>Ano de Colação</th> | ||
+ | </tr> | ||
+ | </thead> | ||
+ | <tbody> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </syntaxhighlight> | ||
+ | <syntaxhighlight lang="javascript"> | ||
+ | <script> | ||
+ | //OBSERVE QUE AQUI ASSOCIAMOS OS DADOS EM JSON À VARIÁVEL PARA SER ITERADA | ||
+ | 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({ | ||
+ | data: egressos, | ||
+ | pageLength : 25, | ||
+ | responsive: true, | ||
+ | order: [[0, 'asc']], | ||
+ | columns: [ | ||
+ | {data:'nome', width:'50%', className:'dt-head-center'}, | ||
+ | {data:'curso', width:'30%', className:'dt-head-center dt-body-left'}, | ||
+ | {data:'anocolacao', width:'20%', className:'dt-center'} | ||
+ | ] | ||
+ | }); | ||
+ | jQuery('#egressos').removeClass('display').addClass('table table-striped table-bordered'); | ||
+ | </script> | ||
+ | </syntaxhighlight> |
Edição atual tal como às 13h50min de 15 de fevereiro de 2018
- ITCI073 - Essa instrução de trabalho apresenta os passos para obter uma lista de dados conforme o exemplo abaixo.
- Para fazer uma listagem de dados, basta associar uma consulta como JSON ao plugin DataTable, conforme abaixo:
{source 0}<?php
//consulta normal, para um vetor associativo
$egressos = simpleXMLTBCtoArray(getXMLFromTBC('FAHOR.TBC.004', 7, 'S', ''));
?>{/source}
<!-- crie a estrutura da tabela, com o cabeçalho -->
<table id="egressos" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Egresso</th>
<th>Curso</th>
<th>Ano de Colação</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script>
//OBSERVE QUE AQUI ASSOCIAMOS OS DADOS EM JSON À VARIÁVEL PARA SER ITERADA
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({
data: egressos,
pageLength : 25,
responsive: true,
order: [[0, 'asc']],
columns: [
{data:'nome', width:'50%', className:'dt-head-center'},
{data:'curso', width:'30%', className:'dt-head-center dt-body-left'},
{data:'anocolacao', width:'20%', className:'dt-center'}
]
});
jQuery('#egressos').removeClass('display').addClass('table table-striped table-bordered');
</script>