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
Linha 2: | Linha 2: | ||
<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 22: | ||
<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, |
Edição das 10h52min de 7 de fevereiro de 2018
- 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>