Dwie wtyczki do paginacji jquery na tej samej stronie nie wydają się działać

Używam wtyczki paginacji jquery do stronicowania ... Jeśli jest jedna wtyczka do stronicowania, nie ma dla mnie problemu ... Ale jeśli są dwa pracy, ale z drugiej strony nie wydaje się zbyt ... Oto mój kod,Dwie wtyczki do paginacji jquery na tej samej stronie nie wydają się działać

<div id="PagerUp" class="pager"> 

</div><br /><br /><br /> 
    <div id="ResultsDiv"> 

</div> 
<div id="PagerDown" class="pager"> 

</div>

A mój jQuery ma,

<script type="text/javascript"> 
     var itemsPerPage = 5; 
     $(document).ready(function() { 
      getRecordspage(0, itemsPerPage); 
      var maxvalues = $("#HfId").val(); 
      $(".pager").pagination(maxvalues, { 
       callback: getRecordspage, 
       current_page: 0, 
       items_per_page: itemsPerPage, 
       num_display_entries: 5, 
       next_text: 'Next', 
       prev_text: 'Prev', 
       num_edge_entries: 1 
      }); 
     }); 

</script>

Oto co otrzymuję ...

alt text http://img52.imageshack.us/img52/5618/pagerse.jpg

Obie prace ale Spójrz na pagerup wybrana strona jest 3 ale PagerDown pokazy 1 .... Jak zmienić jedną pager na inne imprezy pagery zwrotnego w jQuery ....

EDIT: używając pojęcia MEF nie wydaje się do pracy ...

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script type="text/javascript" src="jquery.js"></script> 
    <link rel="Stylesheet" type="text/css" href="CSS/Main.css" /> 
     <script type="text/javascript" src="Javascript/jquery.pagination.js"> 
     </script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $(".pager").pagination(300, { callback: pagecallback, 
       current_page: 0, 
       items_per_page: 5, 
       num_display_entries: 5, 
       next_text: 'Next', 
       prev_text: 'Prev', 
       num_edge_entries: 1 
      }); 
     }); 
    function pagecallback() { 
     var paginationClone = $("#Pagination > *").clone(true); 
     $("#Pagination2").empty(); 
     paginationClone.appendTo("#Pagination2"); 
    } 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 

<div class="pager" id="pagination"> 
    <!-- the container for your first pagination area --> 
</div> 

<div id="results"> 
    <!-- the container where you show your results --> 
</div> 

<div class="pager" id="Pagination2"> 
    <!-- the container for your second pagination area --> 
</div> 
    </div> 
    </form> 
</body> 
</html>

Źródło

2010-04-09 Chendur Pandian

Ponieważ nie wydaje się być oficjalnie obsługiwane, tutaj jest obejście (working demo).

Krok 1 Tworzenie znaczników HTML w następujący sposób:

<div class="pagination" id="Pagination"> 
    <!-- the container for your first pagination area --> 
</div> 

<div id="results"> 
    <!-- the container where you show your results --> 
</div> 

<div class="pagination" id="Pagination2"> 
    <!-- the container for your second pagination area --> 
</div>

Krok 2 Pomysł:
pomysł jest teraz korzystać z wtyczki paginacji jak zwykle z pierwszym stronicowania div . Ale dodatkowo, chcemy kopiować całą zawartość pierwszego dzielenia stronicowania do drugiego podziału stronicowania za każdym razem, gdy nastąpi zmiana strony.

Krok 3 Wykręcanie pageSelect-zwrotna:
Dodaj poniższe linie na końcu swojej funkcji callback:

var paginationClone = $("#Pagination > *").clone(true); 
$("#Pagination2").empty(); 
paginationClone.appendTo("#Pagination2");

Bardzo ważne jest włączenie parametru Boolean (withDataAndEvents) z .clone zadzwoń, w przeciwnym razie kopia paginacji nie będzie zawierać żadnych zdarzeń kliknięcia.

Teraz za każdym razem, gdy klikniesz element paginacji (niezależnie od tego, czy jest to oryginał, czy kopia), strona zostanie zmieniona, a elementy stronicowania zostaną odpowiednio zaktualizowane.

Źródło

2010-04-12 11:24:34 Leo

@mef to nie działa dla mnie ... –

@Pandiya Chendur: to zdecydowanie działa. Podwójne sprawdzenie identyfikatora itp. ... – Leo

@Mef spójrz na moją zredagowaną część mojego pytania, której użyłem ... –

Prawdopodobnie nie jest to odpowiedź, liczyliśmy, ale jest prośba cechą plugin jQuery paginacji, które sugerują, że posiadanie dwóch pagery na tej samej stronie jest n ot obsługiwany przez aktualny realizacji:

http://plugins.jquery.com/node/11825

Źródło

2010-04-11 12:54:07

Dwie wtyczki do paginacji jquery na tej samej stronie nie wydają się działać

Odpowiedz

Powiązane problemy