Estou a criar um input para pesquisa na minha tabela, mas estou com problemas na paginação na página onde faço a busca.
Página onde crio a tabela e faço a paginação normal:
<div id="resultado">
<h1>Alerta Recebido</h1>
<?php if($num > 0){ ?>
<table class="table table-responsive">
<thead>
<tr>
<th width="20%" style="text-align:center;">De</th>
<th width="60%" style="text-align:center;">Assunto</th>
<th width="10%" style="text-align:center;">Prioridade</th>
<th width="10%" style="text-align:center;">Recebido</th>
</tr>
</thead>
<tr>
<thead>
<?php
do{
if($nomede != $produto["De"]){
?>
<th width="10%" colspan=4>Recebido: <?php echo $produto["Data"]; ?></th>
<?php
$nomede = $produto["De"];
}
?>
</tr>
</thead>
<tbody>
<tr>
<td ><?php echo $produto["De"]; ?></td>
<td class="td-info view_data apagar" id="<?php echo $produto["Id"]; ?>,<?php echo $produto["Para"]; ?>" data-toggle="modal" href="#dataModal" width="20%" <?php echo $produto["Status"] != '0'?' style="font-weight:bold; font-size: 90%" ':' style="font-weight:normal; font-size: 90%" '?>><?php echo $produto["Assunto"]; ?></td>
<td><?php echo $produto["Prioridade"]; ?></td>
<td><?php echo $produto["Hora"]; ?></td>
</tr>
</div>
<?php } while($produto = $result->fetch_assoc()); ?>
<tbody>
</table>
<nav>
<ul class="pagination">
<li>
<a href="./recebidas?pagina=0" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<?php
for($i=0;$i<$num_paginas;$i++){
$estilo = "";
if($pc == $i)
$estilo = "class=\"active\"";
?>
<li <?php echo $estilo; ?> ><a href="./recebidas?pagina=<?php echo $i; ?>"><?php echo $i+1; ?></a></li>
<?php } ?>
<li>
<a href="./recebidas?pagina=<?php echo $num_paginas-1; ?>" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
<?php } ?>
</div>
Depois criei um form
com o input de pesquisa:
<form action="./busca">
Buscar por: <input type="text" name="campo" id="campo">
</form>
Jquery
:
$('#campo').keyup(function(){
$('form').submit(function(){
var dados = $(this).serialize();
$.ajax({
url: './busca',
method: 'post',
dataType: 'html',
data: dados,
success: function(data){
$('#resultado').empty().html(data);
}
});
return false;
});
$('form').trigger('submit');
});
Na página busca
tenho o código da seguinte forma:
$itens_por_pagina1 = 10;
// pegar a pagina atual
$pagina1 = intval($_GET['pagina']);
if(empty($pagina1) && $pagina1 !=0){
$pc1 = "0";
} else {
$pc1 = $pagina1;
}
$inicio1 = $pc1 - 0;
$inicio1 = $inicio1 * $itens_por_pagina1;
$campo = mysqli_real_escape_string($conn, $_POST["campo"]);
$query1 = "SELECT Id, De, Assunto, Conteudo, Prioridade, DATE_FORMAT(Recebido,'%H:%i') AS Hora, DATE(Recebido) AS Data,
Email, Tipo, raddb.Alertas.Para, Status FROM raddb.Alertas LEFT OUTER JOIN raddb.ValAlertas
ON raddb.ValAlertas.IdSMS = raddb.Alertas.Id AND raddb.ValAlertas.Para = raddb.Alertas.Para
WHERE raddb.Alertas.Para = '$colaborador' AND De like '%$campo%' ORDER BY Recebido Desc LIMIT $inicio1, $itens_por_pagina1";
$result1 = $conn->query($query1) or die($conn->error);
$produto1 = $result1->fetch_assoc();
$num1 = $result1->num_rows;
$num_total1 = $conn->query("SELECT Id, De, Assunto, Conteudo, Prioridade, DATE_FORMAT(Recebido,'%H:%i') AS Hora, DATE(Recebido) AS Data,
Email, Tipo, raddb.Alertas.Para, Status FROM raddb.Alertas LEFT OUTER JOIN raddb.ValAlertas
ON raddb.ValAlertas.IdSMS = raddb.Alertas.Id AND raddb.ValAlertas.Para = raddb.Alertas.Para
WHERE raddb.Alertas.Para = '$colaborador' AND De like '%$campo%'
ORDER BY Recebido Desc")->num_rows;
$num_paginas1 = ceil($num_total1/$itens_por_pagina1);
echo '
<h1>Alerta Recebido</h1>';
if($num1 > 0){ ?>
<table class="table table-responsive">
<thead>
<tr>
<th width="20%" style="text-align:center;">De</th>
<th width="60%" style="text-align:center;">Assunto</th>
<th width="10%" style="text-align:center;">Prioridade</th>
<th width="10%" style="text-align:center;">Recebido</th>
</tr>
</thead>
<tbody>
<tr>
<?php
do{
?>
<td ><?php echo $produto1["De"]; ?></td>
<td class="td-info view_data apagar" id="<?php echo $produto1["Id"]; ?>,<?php echo $produto1["Para"]; ?>" data-toggle="modal" href="#dataModal" width="20%" <?php echo $produto1["Status"] != '0'?' style="font-weight:bold; font-size: 90%" ':' style="font-weight:normal; font-size: 90%" '?>><?php echo $produto1["Assunto"]; ?></td>
<td><?php echo $produto1["Prioridade"]; ?></td>
<td><?php echo $produto1["Hora"]; ?></td>
</tr>
<?php } while($produto1 = $result1->fetch_assoc()); ?>
<tbody>
</table>
<nav>
<ul class="pagination">
<li>
<a href="./busca?pagina=0" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<?php
for($i=0;$i<$num_paginas1;$i++){
$estilo = "";
if($pc1 == $i)
$estilo = "class=\"active\"";
?>
<li <?php echo $estilo; ?> ><a href="./busca?pagina=<?php echo $i; ?>"><?php echo $i+1; ?></a></li>
<?php } ?>
<li>
<a href="./busca?pagina=<?php echo $num_paginas1-1; ?>" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
<?php } ?>
Ele pesquisa e mostra a paginação como mostro nas imagens:
Primeiro quando abro a página sem pesquisa:
Segunda imagem, quando pesquiso e só preenche uma página, funciona bem, como mostro na imagem:
Terceira imagem, quando pesquiso por algo que gera mas do que uma página, ao inicio funciona bem, como mostro:
Quarta imagem é onde surge o problema, na pesquisa que mostro na imagem anterior, quando mudo de página (por exemplo pagina 2) perde o filtro (volta a retorna as 6 páginas como na primeira imagem) e sai da página principal e vai para a página onde faço a busca, como mostro na imagem:
Mas ao mudar de página devia continuar a mostrar os resultados da busca dentro da div, sem mudar de página.