2010-12-04 4 views
0

Ich benutze jQuery TableSorter und ich versuche, Seitennavigation hinzuzufügen (mit dem Tablesorter). Jetzt hat tablesorter ein Pager-Plugin, aber das Problem ist, dass es die Seitennummern nicht anzeigt, so dass Sie keine bestimmte Seite zur Ansicht auswählen können.jQuery: Gibt es eine Möglichkeit für tablesorterPager, auswählbare Seitenzahlen anzuzeigen?

Ich fand dieses Paginierung Plugin: http://plugins.jquery.com/project/pagination was genau das ist, wonach ich suche. Problem ist, alle Versuche, die ich versuchte, das Schlepptau zu kombinieren gab mir viele Fehler.

Gibt es eine Möglichkeit, sie zu kombinieren? oder vielleicht tablesorterPager ändern, damit es Seiten auswählen kann?

Antwort

0

Sie müssen den TablesorterPager ändern. Zwei Plugins, die ein einzelnes DOM-Element modifizieren, können unübersichtlich werden. Der Code wäre leicht hinzuzufügen in dem Plugin vorausgesetzt, dass Sie Erfahrung mit der Erstellung von jQuery-Plugins haben. Wenn nicht, werde ich Ihnen einen kurzen Überblick geben und wenn Sie es nicht herausfinden können, wäre ich mehr als glücklich, weiter zu helfen.

  • eine Funktion erstellen <ul> mit einem <li> für jede Seitennummer einzurichten. Sie können wählen, die mittleren paar wie diese Website zu verstecken, oder nicht.
  • Rufen Sie diese Funktion vom Konstruktor
  • Legen Sie ein Click() - Ereignis im Konstruktor, um die Seite zu laden. Der einfachste Weg, dies zu tun, wäre, einfach jede <li> eine ID von etwas in der Form von # page0, # page1, # page2 usw. zu haben. Auf diese Weise können Sie einfach den "page" -Teil entfernen und senden auf die Seite basierend auf dem .val() des Elements, auf das sie geklickt haben.
  • Während Sie die Seite wechseln, werden Sie wahrscheinlich einige aktive Klassen und möglicherweise die ursprünglichen <ul> Kinder ändern möchten. Dies könnte alles in eine Funktion verpackt werden. Besonderheiten, welche Elemente zu ändern sind und was die Klassennamen sind, finden Sie im Plugin-Add-On.

Viel Glück! Veröffentlichen Sie einen Kommentar oder etwas, wenn Sie weitere Details wünschen.