Paginar os resultados de um json array com divs ?

[Fernando Paiva]

Estou tentando paginar um json array com muitos registros que serão exibidos em bootstrap panels e não em uma table.

Tentei usar este plugin mas não tive resultados. 

Como fazer isso ?

//função que cria bootstrap panels a cada laço do each(for)
//criar paginação aqui
function criaPaineisNumSorte(data) {
    if (data["NumerosDaSorte"].length > 0) {  
        $.each(data["NumerosDaSorte"], function (i, cp) {
            if (cp.status === 0) {
                //disponiveis
                $('#paineis_num_sorte').append('<div class="col-md-3">'
                                                + '<div class="panel bg-blue">'
                                                        + '<div class="panel-heading text-center">'
                                                            + formatNumero(cp.numeroSorte, 6)
                                                        + '</div>'
                                                        + '<div class="panel-footer">'
                                                              + '<button type="button" class="btn btn-sm btn-block btn-primary" id="'
                                                                        + cp.id
                                                                        + '" onclick="getNumeroSorteio('
                                                                                                        + cp.concursoId + ","
                                                                                                        + cp.id + ","
                                                                                                        + cp.numeroSorte + ","
                                                                                                        + cp.valor + ')">' + "R$" + moneyFormat(cp.valor) + '</button>'
                                                        + '</div>'
                                                + '</div>'
                                           + '</div>');


            } else if(cp.status === 1) {
                //vendido
                $('#paineis_num_sorte').append('<div class="col-md-3">'
                                                + '<div class="panel bg-green">'
                                                        + '<div class="panel-heading text-center">'
                                                                + formatNumero(cp.numeroSorte, 6)
                                                        + '</div>'                                                        
                                                        + '<div class="panel-footer">'
                                                              + '<p class="text-center bg-green">VENDIDO</p>'
                                                        + '</div>'
                                                + '</div>'
                                           + '</div>');
            }


           
           




        });//each


    }//if


}//function

Imagem do resultado e do q preciso paginar

[Henrique - gmail]

Fernando

 

é mais fácil popular e fazer manutenção se vc criar uma pagina ou variavel com marcações HTML do panel.

 

depois vc popula ele com:

 

$.getJSON('ge2019.php?ms'+Math.random(),sql,function (re) {
                       $.each(re,function(name,value) { 

                          $('#Fcontra input[name='+name+']').val(value);
                          $('#Fcontra select[name='+name+']').val(value);
                          $('textarea[name='+name+']').val(value);

....

 

 

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo "jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.
Para ver essa discussão na Web, acesse https://groups.google.com/d/msgid/jquery-br/eaff4e89-724e-4684-92b8-e2dd3c57518ao%40googlegroups.com.