none
Páginação com C# e Jquery RRS feed

  • Pergunta

  • Bom dia Pessoal,

    Gostaria de saber se alguém conhece um modo de fazer paginação com jQuery + C#?

    Obrigada,

    []'soamazing


    [NAME] JAQUELINE BENEDICTO [OCCUPATION] Administradora [SITES] UpMasters - LinksBrasil - BlogsBrasil [COMPANY] HostClassic - All Domínios [FÓRUM] UPFÓRUM [LOVE] Minha avó, minha família, meu pai e meus amigos [DEDICATION] À toda equipe do upmasters, devo tudo a vocês [SLOGAN] Diabus Fatalibus
    • Movido AndreAlvesLima sexta-feira, 29 de outubro de 2010 22:14 (De:C#)
    segunda-feira, 25 de outubro de 2010 11:55

Respostas

  • Galera,

    Consegui fazer a paginação.

     

    1. Você deve utilizar o LISTVIEW pois ele gera uma lista com o <li>

    2. Utilizei este recurso de paginação: http://th3silverlining.com/2010/04/15/pajination-a-jquery-pagination-plugin/

     

    Abs,

    Soamazing


    [NAME] JAQUELINE BENEDICTO [OCCUPATION] Administradora [SITES] UpMasters - LinksBrasil - BlogsBrasil [COMPANY] HostClassic - All Domínios [FÓRUM] UPFÓRUM [LOVE] Minha avó, minha família, meu pai e meus amigos [DEDICATION] À toda equipe do upmasters, devo tudo a vocês [SLOGAN] Diabus Fatalibus
    • Marcado como Resposta soamazing quinta-feira, 28 de outubro de 2010 17:23
    quinta-feira, 28 de outubro de 2010 17:23

Todas as Respostas

  • Marcelo,

    Consegui fazer a paginação de uma forma que está funcionando. Só que, ainda não é a forma que deveria ser.

    Vou postar o código para que você possa entender:

    <script type="text/javascript"> $(document).ready(function() { $("#browsableQueSao").scrollable({ size: 1, onSeek: function() { var total = $('.items ul li').length; var ipp = $('.items ul:first li').length; var page = this.getPageIndex(); $('#browsableQueSao').height($('#browsableQueSao .items ul:eq('+page+')').height()); var inicio = (page * ipp) + 1; var fim = inicio + ipp - 1; if (fim > total) fim = total; $('#xdex').html(inicio + '-' + fim); }, clickable: false }) .navigator({ navi: 'div.paginacao' }).mousewheel(); $('#browsableQueSao').height($('#browsableQueSao .items ul:first').height()); }); </script>

    <script type="text/javascript">
      $(document).ready(function() {
        $("#browsableQueSao").scrollable({ size: 1,
          onSeek: function() {
            var total = $('.items ul li').length;
            var ipp = $('.items ul:first li').length;
            var page = this.getPageIndex();
            $('#browsableQueSao').height($('#browsableQueSao .items ul:eq('+page+')').height());
            var inicio = (page * ipp) + 1;
            var fim = inicio + ipp - 1;
            if (fim > total)
              fim = total;
            $('#xdex').html(inicio + '-' + fim);
          },
          clickable: false
        })
        .navigator({ navi: 'div.paginacao' }).mousewheel();
        
        $('#browsableQueSao').height($('#browsableQueSao .items ul:first').height());
      });
    </script>

    O único problema é que a paginação deveria ser assim << 1 | 2 | 3 >> e ao passo que eu vou mudando de página os números vão crescendo junto, entendeu? Como o Google.

    Obrigada pela ajuda, fico no aguardo.


    [NAME] JAQUELINE BENEDICTO [OCCUPATION] Administradora [SITES] UpMasters - LinksBrasil - BlogsBrasil [COMPANY] HostClassic - All Domínios [FÓRUM] UPFÓRUM [LOVE] Minha avó, minha família, meu pai e meus amigos [DEDICATION] À toda equipe do upmasters, devo tudo a vocês [SLOGAN] Diabus Fatalibus
    terça-feira, 26 de outubro de 2010 13:00
  • Galera,

    Consegui fazer a paginação.

     

    1. Você deve utilizar o LISTVIEW pois ele gera uma lista com o <li>

    2. Utilizei este recurso de paginação: http://th3silverlining.com/2010/04/15/pajination-a-jquery-pagination-plugin/

     

    Abs,

    Soamazing


    [NAME] JAQUELINE BENEDICTO [OCCUPATION] Administradora [SITES] UpMasters - LinksBrasil - BlogsBrasil [COMPANY] HostClassic - All Domínios [FÓRUM] UPFÓRUM [LOVE] Minha avó, minha família, meu pai e meus amigos [DEDICATION] À toda equipe do upmasters, devo tudo a vocês [SLOGAN] Diabus Fatalibus
    • Marcado como Resposta soamazing quinta-feira, 28 de outubro de 2010 17:23
    quinta-feira, 28 de outubro de 2010 17:23
  • Marcelo,

    Consegui fazer a paginação de uma forma que está funcionando. Só que, ainda não é a forma que deveria ser.

    Vou postar o código para que você possa entender:

    <script type="text/javascript"> $(document).ready(function() { $("#browsableQueSao").scrollable({ size: 1, onSeek: function() { var total = $('.items ul li').length; var ipp = $('.items ul:first li').length; var page = this.getPageIndex(); $('#browsableQueSao').height($('#browsableQueSao .items ul:eq('+page+')').height()); var inicio = (page * ipp) + 1; var fim = inicio + ipp - 1; if (fim > total) fim = total; $('#xdex').html(inicio + '-' + fim); }, clickable: false }) .navigator({ navi: 'div.paginacao' }).mousewheel(); $('#browsableQueSao').height($('#browsableQueSao .items ul:first').height()); }); </script>

    <script type="text/javascript">
    $(document).ready(function() {
    $("#browsableQueSao").scrollable({ size: 1,
    onSeek: function() {
    var total = $('.items ul li').length;
    var ipp = $('.items ul:first li').length;
    var page = this.getPageIndex();
    $('#browsableQueSao').height($('#browsableQueSao .items ul:eq('+page+')').height());
    var inicio = (page * ipp) + 1;
    var fim = inicio + ipp - 1;
    if (fim > total)
    fim = total;
    $('#xdex').html(inicio + '-' + fim);
    },
    clickable: false
    })
    .navigator({ navi: 'div.paginacao' }).mousewheel();

    $('#browsableQueSao').height($('#browsableQueSao .items ul:first').height());
    });
    </script>

     

    O único problema é que a paginação deveria ser assim << 1 | 2 | 3 >> e ao passo que eu vou mudando de página os números vão crescendo junto, entendeu? Como o Google.

    Obrigada pela ajuda, fico no aguardo.


    [NAME] JAQUELINE BENEDICTO [OCCUPATION] Administradora [SITES] UpMasters - LinksBrasil - BlogsBrasil [COMPANY] HostClassic - All Domínios [FÓRUM] UPFÓRUM [LOVE] Minha avó, minha família, meu pai e meus amigos [DEDICATION] À toda equipe do upmasters, devo tudo a vocês [SLOGAN] Diabus Fatalibus

    Olá amigo,

    Estou passando pela mesma circunstância e gostaria de saber se conseguiu fazer da maneira que citou (como o google)?

    []'s

    segunda-feira, 20 de dezembro de 2010 18:56