Ver Mensaje Individual
  #2 (permalink)  
Antiguo 26/12/2013, 09:46
abulon81
 
Fecha de Ingreso: mayo-2010
Mensajes: 99
Antigüedad: 14 años
Puntos: 5
Respuesta: Paginación con spring mvc y bootstrap

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