Ver Mensaje Individual
  #15 (permalink)  
Antiguo 03/05/2011, 09:01
Avatar de gabrican
gabrican
 
Fecha de Ingreso: junio-2008
Ubicación: Medellin
Mensajes: 89
Antigüedad: 15 años, 10 meses
Puntos: 4
Respuesta: Tutorial JQuery DataTables

Cita:
Iniciado por andrexsos17 Ver Mensaje
@gabrican es sencillo, mira el post de tinthenet de acuerdo a ese hice, mio, debes detener en cuenta que ese ejemplo esta con php y postgres(y para acceder a la bd es diferente en postgres que en mysql), tambien en el ten encuenta la conexion con tu bd y que que tengas bn las rutas de los archivos solicitados,

Saludos.
@andrexsos17
La verdad lo intento y los datos no cargan... no se que será lo que pasa... yo la conex la hago por medio de un DAO y los datos los traigo desde un servlet por medio de ajax, la verdad no se que pasa... de todas formas les posteo el cod, si me pueden ayudar... se los agradecería...

JSP:
Código:
<script type="text/javascript" charset="utf-8"> 
			$(document).ready(function() {
				$('#example').dataTable( {
					"aaSorting": [[ 1, "desc" ]],
					"bPaginate": true,
					"bLengthChange": true,
					"bFilter": true,
					"bSort": true,
					"bInfo": true,
					"bJQueryUI": true,
					"bAutoWidth": true } );
			} );

/*Ésta función se encarga de gestionar por medio del servlet ConsultarProyecto
			la consulta de los datos.*/ 
			function ConsultarProyectos(){
				url = "PruebaConsulta?";
				/* Se capturan los datos del formulario*/
				tipo = document.getElementById('cboTipo').value;
				valor = document.getElementById('txtValor').value; 
			
				/* Se envian los datos a través del método POST*/		
				document.getElementById('imagen').innerHTML ='<img src="images/cargando.gif" name="Image3" width="50" height="50" border="0"/>';	
				ajax1 = getAjaxObject();
				ajax1.open( 'POST',url, true );
				ajax1.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');	
				ajax1.send('cboTipo=' + escape(tipo)+ '&txtValor=' + escape(valor));	       	  	
				ajax1.onreadystatechange = procesarConsulta; 
			}	  	
			
			function procesarConsulta(){
				if (ajax1.readyState==1 || ajax1.readyState==2 || ajax1.readyState==3) {
					document.getElementById('imagen').innerHTML ='<img src="images/cargando.gif" name="Image3" width="50" height="50" border="0"/>';
				}else if(ajax1.readyState == 4 ){
						
					//status = 200 correctamente -- 404 no encuentra la pagina -- 500 problemas en el server
					if( ajax1.status == 200 ){
						document.getElementById('imagen').style.display='none';
						respuesta = ajax1.responseText;
						document.getElementById("ajax").innerHTML = respuesta;
			 		}
				}
			} 		
		</script>
<style type="text/css" title="currentStyle"> 
			@import "css/demo_page.css";
			@import "css/demo_table.css";
			@import "css/simon.css";
		</style>
Código:
 <table cellpadding="0" cellspacing="0" border="0" class="display" id="example" align="center">
					<thead>
						<tr>
							<th class='tdcampos Estilo7'>NOMBRE</th>
							<th class='tdcampos Estilo7'>DIRECCION</th>
							<th class='tdcampos Estilo7'>RADICADO</th>
							<th class='tdcampos Estilo7'>ESTADO</th>
							<th class='tdcampos Estilo7'>PROFESIONAL</th>
						</tr>
					</thead>
					<tbody id="ajax">
						
					</tbody>
				</table>
y el servlet contiene esto:

Código:
for (int i=0; i < proyectos.size(); i ++){
				
					ProyectoDTO pdto = (ProyectoDTO) proyectos.elementAt(i);

					/* muestra la informacion de la BD*/
					tabla.append("<tr class='gradeA' id='ajax'>" +
					"<td width='auto'><label for='"+pdto.getStr_nombre_pro()+"'>"
					+pdto.getStr_nombre_pro()+"</label></td>"+
					"<td width='auto'><label for='"+pdto.getStr_direccion_pro()+"'>"
					+pdto.getStr_direccion_pro()+"</label></td>"+
					"<td width='auto'><label for='"+pdto.getStr_radicado_pro()+"'>"
					+pdto.getStr_radicado_pro()+"</label></td>"+
					"<td width='auto'><label for='"+pdto.getStr_estado_pro()+"'>"
					+pdto.getStr_estado_pro()+"</label></td>"+
					"<td width='auto'><label for='"+pdto.getStr_encargado_pro()+"'>"
					+pdto.getStr_encargado_pro()+"</label></td>" +
					"</tr>");
				}

				out.print(tabla.toString());
				out.close();
Does anybody can help meeeeeeeeee!!!!!!!!!
__________________
Gabo Duk3
I.S