El objetivo principal de este artículo es compartir con usted los métodos de operación específicos del componente de paginación JS multifuncional de Laypage para su referencia. El contenido específico es el siguiente
parte de PHP
función index () {header ('content-type: text/html; charset = utf-8'); // Obtenga el número de página actual, predeterminado la primera página, establezca el número predeterminado de caracteres mostrados por página $ NowPage = i ('get.page', 1, 'intval'); $ límites = 8; // Obtenga el número total de caracteres $ Count = M ('Artículo') -> Where (Array ('Status' => Array ('egt', 0))) -> count (); // Calcule la página total $ AllPage = CEIL ($ Count / $ Limits); $ allPage = intval ($ allPage); $ lists = M ('Artículo') -> Where (Array ('Status' => Array ('Egt', 0))) -> Page ($ NowPage, $ Limits) // Método de página Pagination-> Order ('CreateTime Desc') -> select (); // Saltar Paging Salida $ this -> asignar ('listas', $ listas); $ this -> asignar ('allPage', $ allPage); $ this -> asignar ('Nowpage', $ nowpage); $ this-> display (); /* // salida de paginación de Ajax $ info = array ('lists' => $ lists, 'allPage' => $ allPage, 'nowpage' => $ nowpage); $ this-> ajaxreturn ($ info, 'json'); */}LayoutPage (nueva versión) en js saltar a la paginación
// Pagination Diseño ({cont: 'show_pages', // páginas de contenedores pagination: "{$ allpage}", // número total de páginas omitir: true, // si activar la página salto corr: function () {var página = "{$ nowpage}"; // página actual (obtenida de fondo) función (e, primero) {// devolución de llamada después de activar la página (después de hacer clic en el número de página) if (! Primero) {// Asegúrese de agregar este juicio, de lo contrario, se actualizará en la etapa inicial en la etapa inicial = E.Curr. URLS;LayoutPage (nueva versión) Ajax Pagination en JS
función demo (Curr) {$ .getjson ("{: u ('artículo/index')}", {página: Curr // Los parámetros pasados al servidor son solo demostraciones}, function (res) {// El resultado JSON devuelto por el servidor // El contenido de datos en res.lists se procesa aquí, y el método html () se muestra // off ... // el conjunto de contenido de pagation ({Cont ... 'Show_pages', // Contener Pages: Res.AlSpage, // Número total de páginas (backend) Curr: res.nowpage, // La página actual (obtenida de fondo) Jump: function (obj, primero) {// La devolución de llamada después de que se active la página (después de la página de la página: después de la página de la página. demo (obj.curr); }); // Inicializar y ejecutar demo ();Lo anterior se trata de este artículo. Espero que sea útil para todos aprender la página de diseño del componente de paginación.