jQuery: Existe-t-il un moyen pour que tablesortedPager affiche des numéros de pages sélectionnables?

Question

J'utilise jQuery TableSorter et j'essaye d'ajouter la navigation de page (avec le tablesorter). Maintenant, tablesorter a un plugin pager, mais le problème est qu'il n'affiche pas les numéros de page, donc vous ne pouvez pas sélectionner une page spécifique à afficher.

J'ai trouvé ce plugin de pagination: http://plugins.jquery.com/project/pagination qui est exactement ce que je cherche. problème est, toutes les tentatives faites par moi en essayant de combiner le remorquage m'a donné beaucoup d'erreurs ..

Y at-il un moyen de les combiner? ou peut-être modifier tablesorterPager de sorte qu'il sera en mesure de sélectionner des pages?

Answer 1

Vous devrez modifier le TableortedPager. Deux plugins modifiant un seul élément DOM peuvent être désordonnés. Le code serait facile à ajouter dans le plugin en supposant que vous avez de l'expérience avec la création de plugins jQuery. Si non, je vais vous donner un bref aperçu et si vous ne pouvez pas comprendre, je serais plus qu'heureux d'aider plus loin.

• Créer une fonction de mettre en place un <ul> avec un <li> pour chaque numéro de page. Vous pouvez choisir de cacher les quelques-uns comme ce site Web, ou non.
• Appelez cette fonction à partir du constructeur
• Définissez un événement click() dans le constructeur pour charger la page. La façon la plus simple de le faire serait de simplement avoir un ID de quelque chose comme # page0, # page1, # page2, etc. De cette façon, vous pouvez simplement enlever la partie 'page', et les envoyer à la page basée sur le .val() de l'élément sur lequel ils ont cliqué.
• Pendant que vous modifiez la page, vous souhaiterez probablement basculer certaines classes actives et éventuellement modifier les enfants <ul> d'origine. Cela pourrait être enveloppé dans une fonction. Les détails sur les éléments à modifier et les noms des classes se trouvent dans le plugin add-on.

Bonne chance! Poster un commentaire ou quelque chose si vous souhaitez plus de détails.