Paginación con spring mvc y bootstrap

oskrok · #1 (**permalink**) 26/12/2013, 05:16

Estoy desarrollando una aplicación web y estoy con la administración y necesito hacer un paginador, mas que nada por comodidad. Quería saber si el framework spring trae algo para implementar el paginador o hay que hacerlo a mano, en otros frameworks de php si que traen librerías.

He encontrado esto: www.jdal.org/doc/displaytag.php pero no se adapta de todo a mis necesidades.

abulon81 · #2 (**permalink**) 26/12/2013, 09:46

Wenas, puedes usar jqgrid,

Código:

<script type="text/javascript" language="javascript" >
......................................

jQuery(document).ready(function() {

var contexPath = "<%=request.getContextPath() %>";

var mydata=[];

mydata.splice(0,mydata.length); //clean array
  
        
		// Add items at a later time to the array using push
		for(var i=0;i<data.length;i++){
			yourMessage = data[i];
			//alert(yourMessage.dateprogram_vis);
			mydata.push( {account_vis: yourMessage.account_vis , 
						  dateprogram_vis: yourMessage.dateprogram_vis,
						  visit_vis: yourMessage.visit_vis,
						  datevis_vis: yourMessage.datevis_vis,
						  captured_vis: yourMessage.captured_vis,
						  datecaptured_vis: yourMessage.datecaptured_vis,
						  type_vis: yourMessage.type_vis,
						  totadebt: yourMessage.totadebt,
						  lastdebt: yourMessage.lastdebt,
						  range_vis: yourMessage.range_vis
			              
			});
	    }

jQuery("#gridAcc").GridUnload(); //reconstruye grid
 		jQuery("#gridAcc").setGridParam({ 'data':  mydata }).trigger("reloadGrid"); //reload grid con nuevos datos
 		jQuery("#gridAcc").jqGrid({ 
        data: mydata,
        datatype: "local",
        height: 250, 
        width: 650,
        rowNum: 10,
		rowList: [10,20,30],
        colNames:[
                 'account',
                 'fecha prog vis',
                 'num de visitas',
                 'fecha visita',
                 'captured_vis',
                 'fecha captura',
                 'tipo visita',
                 'total deuda',
                 'lastdebt_vis',
                 'rango vis'
                 ], 
        colModel:[ 
                  {name:'account_vis',index:'account_vis', width:60, sorttype:"text", align:"center"},
                  {name:'dateprogram_vis',index:'dateprogram_vis', width:90, sorttype:"date", align:"center", formatter:'date', formatoptions: {newformat:'d/m/Y'}, datefmt: 'd/m/Y'},
                  {name:'visit_vis',index:'visit_vis', width:90, sorttype:"text", align:"center"},
                  {name:'datevis_vis',index:'datevis_vis',width:90,sorttype:"date", align:"center",formatter:'date', formatoptions: {newformat:'d/m/Y'}, datefmt: 'd/m/Y'},
                  {name:'captured_vis',index:'captured_vis',width:60,sorttype:"text", align:"center"},
                  {name:'datecaptured_vis',index:'datecaptured_vis',width:90, sorttype:"date",align:"center",formatter:'date', formatoptions: {newformat:'d/m/Y'}, datefmt: 'd/m/Y'},
                  {name:'type_vis',index:'type_vis',width:90,sorttype:"text", align:"center"}, 
                  {name:'totadebt',index:'totadebt',width:100,sorttype:"text", align:"center"},  
                  {name:'lastdebt',index:'lastdebt',width:100,sorttype:"text", align:"center"},  
                  {name:'range_vis',index:'range_vis',width:50,sorttype:"text", align:"center"}                
                 ], 
                   
                   shrinkToFit:false,
                   altRows:true,
                   pager: '#pager',
                   viewrecords: true
                });
                jQuery("#gridAcc").jqGrid('navGrid','#pager',{edit:false,add:false,del:false,search:false});
                //jQuery("#info").html(myCols[3].city).slideDown('slow');

Código HTML:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix = "c" uri = "http://java.sun.com/jstl/core" %>    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta charset="utf-8" />



<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/themes/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<%=request.getContextPath()%>/css/themes/redmond/jquery-ui-1.8.2.custom.css" />
....................

Saludos

oskrok · #3 (**permalink**) 26/12/2013, 12:25

Te iba a decir que no, porque tengo visto algunas administraciones con paginadores de resultados en javascript e iban muy lentas, pero e visto un ejemplo con un 1000000 de resultados y no va tan lento, le voy a echar un vistazo pero no es lo que tenía pensado, de todas formas muchas gracias.