Crie um event handler para os links que não estão dentro da <li>
com a classe .active
, disparando um trigger para o evento .submit
do form, passando um parâmetro com o número do botão:
$(".pagination a").on("click", function(e){
e.preventDefault();
if(!$(this).parent().hasClass("active")) $('#form').trigger("submit", $(this).text().trim());
});
O if
acima irá impedir que o link que estiver dentro da li
com a classe .active
dispare o trigger. Talvez a página ativa não interessa ser recarregada, mas se quiser que fique habilitada para o clique também, basta remover o if
:
$(".pagination a").on("click", function(e){
e.preventDefault();
$('#form').trigger("submit", $(this).text().trim());
});
Note que o trigger envia como parâmetro para evento .submit
o texto do link, então é preciso colocar na função do evento .submit
uma segunda variável para receber essa informação:
$('#form').submit(function (e, v) {
↑
Agora basta concatenar na URL do controller o parâmetro da página que será enviada via GET:
url: '/module/controller/action'+ (v ? '?pagina='+ v : ''),
O operador ternário irá verificar se a variável v
tem algum valor e concatenar na URL do controller o parâmetro ?pagina=
mais o valor em v
(no lugar de pagina
você usa o nome que achar melhor).
No controller você irá receber o valor em pagina
com $_GET['pagina'];
. O formulário em si você irá receber normal com $_POST
.
Se os links da paginação estiverem sendo criados na página após o carregamento da mesma, altere o event handler para a forma abaixo (forma delegada):
$(document).on("click", ".pagination a", function(e){
e.preventDefault();
$('#form').trigger("submit", $(this).text().trim());
});
view
após a submissão do formulário. Esse formulário fornece parâmetros que são utilizados para filtrar a query no banco de dados. Como podem existir de 0 a mais de 100K de registros, a minha controller cria a páginação.