Paginate ajax/jquery
25/09/2012 14:19
1
Bom dia a todos!
Galera, estou com um pequeno probleminha. Como adaptar o paginate para retornar os resultados via ajax?
Tenho uma página com diversos jquery-ui tabs, para cada tab estou renderizando uma action list de contollers diferentes. Ex: Clientes, Produtos... etc. Está tudo funcionando perfeitamente, porém quando o número de registro ultrapassam 10 linhas, é ativado o paginate para a navegação entre as páginas. Ao clicar no botão próximo, a action list com o próximo range é buscada no banco, porém o retorno dá-se em uma nova página.
Alguém já passou por uma situação como esta? Gostaria que o retorno do paginate desse update por exemplo em uma div qualquer, que no meu caso seria meu tab.
[]'s
Galera, estou com um pequeno probleminha. Como adaptar o paginate para retornar os resultados via ajax?
Tenho uma página com diversos jquery-ui tabs, para cada tab estou renderizando uma action list de contollers diferentes. Ex: Clientes, Produtos... etc. Está tudo funcionando perfeitamente, porém quando o número de registro ultrapassam 10 linhas, é ativado o paginate para a navegação entre as páginas. Ao clicar no botão próximo, a action list com o próximo range é buscada no banco, porém o retorno dá-se em uma nova página.
Alguém já passou por uma situação como esta? Gostaria que o retorno do paginate desse update por exemplo em uma div qualquer, que no meu caso seria meu tab.
[]'s
1
Opa! Consegui uma solução.
Esse aqui é meu script para montar o Tabs. Vejam que logo abaixo do Tabs existe uma função para tratar o evento click em pagination.
E esse aqui seria um exemplo de como popular os tabs.
A função jquery inserida faz com que todo click em links da classe pagination sejam abertos dentro da própria tab, os demais links funcionam normalmente. Para fazer com que TODOS os links sejam abertos dentro da tab, basta retirar a especificação ".pagination >" e deixar somente "a".
[]'s
Esse aqui é meu script para montar o Tabs. Vejam que logo abaixo do Tabs existe uma função para tratar o evento click em pagination.
<r:script>
$(document).ready(function() {
$('#tabs').tabs();
$(".ui-tabs-panel.ui-widget-content").delegate('.pagination > a', 'click', function(event) {
event.preventDefault();
$(this).closest('.ui-tabs-panel.ui-widget-content').load(this.href);
});
});
</r:script>
E esse aqui seria um exemplo de como popular os tabs.
<div id="tabs">
<ul>
<li><a href="${createLink(action: 'minhaAction1')}">Aba 1</a></li>
<li><a href="${createLink(action: 'minhaAction2')}">Aba 2</a></li>
</ul>
</div>
A função jquery inserida faz com que todo click em links da classe pagination sejam abertos dentro da própria tab, os demais links funcionam normalmente. Para fazer com que TODOS os links sejam abertos dentro da tab, basta retirar a especificação ".pagination >" e deixar somente "a".
[]'s
25/09/2012 19:24
Ainda não faz parte da comunidade???
Para se registrar, clique aqui.
Aprenda Groovy e Grails com a Formação itexto!
Newsletter Semana Groovy
Os melhores blogs de TI (e em português) em um único lugar!
