Cuando nos desarrollamos, a menudo encontramos problemas de paginación, especialmente para un programador de fondo, pero este problema no se puede resolver, por lo que encontramos un control de paginación y lo grabamos para uso futuro.
Aquí hay ejemplos simples utilizados en el sitio web oficial:
// lo siguiente demostrará una página asíncrona $ .getjson ('test/delo1.json', {Curr: 6}, function (res) {// Solicitud de la página 6. El formato JSON devuelto puede definir arbitray Arbitnery LightOut ({cont: 'Page1', // Contenedor. id = "Page1"> </div> páginas: res.pages, // número total de páginas obtenidas a través del fondo Curr: 6, // Inicializar el salto de página actual: function (e) {// llamando a la devolución de llamada después de activar la página $ .getjson ('test/delo1.json', {e.curr}, función (res) {e.pages = e.last = res.pages; Páginas, generalmente no necesita escribir // Render Var View = Document.getElementById ('View1'); }); });Saldrá un efecto de paginación básica.
Si necesita otros efectos más hermosos, modifique el código fuente.
Hablemos primero de ello, si se presenta el efecto de una paginación.
En primer lugar, consulte el diseño de control.js
<script type = "text/javaScript" src = "/lib/laypage/laypage.js"> </script>
Dirección de descarga del complemento:
Ahora echemos un vistazo a la configuración del complemento:
función searchJoinMemberInfopage () {var ccid = parseInt ($ ("#hid_ccid"). val (), 10); var save saveKey = $ ("#TargetKey"). Val (); var pageSize = 10; // lo siguiente usará jQuery.AJAX como ejemplo para demostrar una página asíncrona $ .getJson ('/mobile/ajaxhandler/preguntaJAX.aspx? Action = getRedisjoinMemberInFormationById', {type: 2, ccid: ccid, pageindex: 1, Pagesize: Pagesize, SaveKey: SaveKey: Function (function (function (function (function (Función (Solicitud//. El formato JSON devuelto puede definir arbitrariamente el diseño ({cont: 'Page1', // Container. El valor admite el nombre de ID, el objeto nativo DOM y el objeto jQuery. [Si el contenedor es]: <div ID = "página1"> </div> páginas: res.pageCount, // número total de páginas obtenidas a través de los fondo Curr: 1, // inicialize la página actual: '#42942',/////////la piel de la piel/la piel. Grupos: 3, // omita el número de páginas continuamente mostrar Skip: true, // si a abrir la página saltar primero: 'homePage', // Si no se muestra, configure falso Último: 'Última página', // Si no se muestra, establece falso // anterior: '<<', // si no se muestra, configure falso // siguiente: '>', // si no se muestra, configurado falso salto: function (e) {// la callback es callback. $ .getjson ('/mobile/ajaxhandler/preguntaJAX.aspx? Action = getRedisjoinMemberInFormationById', {type: 2, ccid: ccid, pageIndex: e.curr, // la página actual pageSize, pageSize, savekey: savekey}, function (rese) {e.pages = e.last = res.pageCount; //////////raind escribir // renderize view = document.getElementById ('usertable');/Mobile/AJAXHANDLER/QuestionAJAX.aspx?action=getRedisjoinMemberInformationById Muestra una dirección asincrónica que devuelve los datos que se mostrarán y el número de páginas. tipo:
2, CCID: CCID, PageIndex: 1, PageSize: PageSize, SaveKey: SaveKey es los parámetros que deben usarse en asíncrono.
PackagData (res); Esta función analiza los datos devueltos y los convierte en.
El usertable es el nodo DOM utilizado para mostrar los datos devueltos, y Page1 es el nodo DOM utilizado para mostrar el botón para el número de páginas.
Ahora vea el efecto:
En realidad es muy simple, y esto completa una pantalla de paginación.
Gracias por su lectura, y espero que continúe prestando atención a un contenido más emocionante de Wulin.com.