Lors du développement, nous rencontrons souvent des problèmes de pagination, en particulier pour un programmeur back-end, mais ce problème ne peut pas être résolu, nous avons donc trouvé un contrôle de pagination et l'avons enregistré pour une utilisation future.
Voici des exemples simples utilisés sur le site officiel:
// Ce qui suit démontrera une page asynchrone $ .getjson ('test / demo1.json', {curr: 6}, fonction (res) {// demande de la page 6. id = "page1"> </ div> pages: res.pages, // nombre total de pages obtenues via l'arrière-plan curr: 6, // initialiser la page actuelle sauter: function (e) {// appelant le rappel après avoir déclenché la page $ .getjson ('test / demo1.json', {curr: e.curr}, la fonction du nombre total de la fonction {e.pages = e.last = res. Pages, vous n'avez généralement pas besoin d'écrire // Rendre Var View = Document. }); });Un effet de pagination de base sortira.
Si vous avez besoin d'autres effets plus magnifiques, veuillez modifier le code source.
Parlons d'abord de cela, si l'effet d'une pagination est présenté.
Tout d'abord, reportez-vous à la disposition de contrôle.js
<script type = "text / javascript" src = "/ lib / lib / lib / libypage.js"> </ script>
Adresse de téléchargement du plugin:
Jetons maintenant un coup d'œil à la configuration du plugin:
Fonction SearchJoinMemberInfoPage () {var ccid = parseInt ($ ("# HID_CCID"). Val (), 10); var savekey = $ ("# TargetKey"). Val (); var pagesize = 10; // Les éléments suivants utiliseront jQuery.ajax comme exemple pour démontrer une page asynchrone $ .getjson ('/ mobile / ajaxhandler / questionajax.aspx? Action = getredisjoinmembeinformationbyid', {type: 2, ccid: ccid, pageIndex: 1, pages: pagesise, SAVEKEK Le format JSON renvoyé peut définir arbitrairement la mise en page ({Cont: 'Page1', // Container. La valeur prend en charge le nom d'identification, l'objet DOM natif et l'objet jQuery. [Si le conteneur est]: <div Id = "Page1"> </div> Groupes: 3, // Skip Nombre de pages Affichez en continu Skip: true, // IF Open Page Jump First: 'Homepage', // Si non affiché, définissez False Last: 'Last Page', // Si non affiché, définissez false // Précédent: '<', // Si non affiché, définit False // Suivant: '>', // Si non affiché, Set False Jump: fonction (e) {// le callback après le retrait, se déroule Faux: fonction (e) onnec $ .getjson ('/ mobile / ajaxhandler / questionajax.aspx? action = getredisjoinmembeinformationyid', {type: 2, ccid: ccid, pageIndex: e.curr, // la page actuelle pagesize: pagesize, savekey: sage}, fonction (res) {e.pages = e.last = res.pagecount; Pour écrire // Rendre Var View = Document.getElement ('USERTABLE');/Mobile/ajaxhandler/questionajax.aspx?action=getRedisjoinMemberInformationByid affiche une adresse asynchrone qui renvoie les données à afficher et le nombre de pages. taper:
2, CCID: CCID, PageIndex: 1, PageSize: PageSize, Savekey: Savekey est les paramètres qui doivent être utilisés dans Asynchrone.
Packagdata (res); Cette fonction analyse les données retournées et les rend.
L'utilisable est le nœud Dom utilisé pour afficher les données renvoyées, et Page1 est le nœud Dom utilisé pour afficher le bouton pour le nombre de pages.
Voir maintenant l'effet:
C'est en fait très simple, et cela complète un écran de pagination.
Merci pour votre lecture, et j'espère que vous continuerez à prêter attention à un contenu plus excitant de Wulin.com.