2016-03-23 3 views
2

Ich verwende TWBs Paginierung aus der folgenden URL:Paginierung

TWBS Pagination

Und ich habe die folgenden Bilder:

  1. First Image
  2. Second Image

Von der zweites Bild, ich habe "3" in das Eingabefeld eingegeben und klicke auf "Go", aber die ausgewählte Seite in Seitenumbruch bleibt von der zuletzt gewählten Seite übrig. Hier

ist der Code, der Paginierung, Eingabefeldes und Go-Taste:

$('#pagination-mode').twbsPagination({ 
      totalPages: 50, 
      visiblePages: 5, 
      onPageClick: function (event, page) { 
       $('#txtPage').val(page); 
      } 
     }); 

     $('#spanPage').text("Go"); 

     <button id="btnPage" type="button" class="btn pull-right"> 
      <span id="spanPage"></span> 
     </button> 
     <input type="text" id="txtPage" class="dark-control pull-right" /> 

Meine Frage ist, wie kann ich die ausgewählte Seite in der Paginierung folgende beliebigen Wert in dem Eingabefeld machen?

Ihre Antwort sehr geschätzt!

Vielen Dank.

Antwort

1

Sie müssen einen Click-Event-Handler für die Schaltfläche #btnPage schreiben. Und ändern Sie die Seite auf #pagination-mode

$('#btnPage').on('click', function() { 
    $('#pagination-mode').twbsPagination('show', $('#txtPage').val()); 
}); 

Wenn Sie bereits einen Click-Handler geschrieben haben, können Sie rufen Sie einfach an die show Funktion von twbsPagination im Inneren, die mit der Seitennummer.