Ver Mensaje Individual
  #21 (permalink)  
Antiguo 05/05/2011, 07:23
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 doylelives Ver Mensaje
En realidad creo que todo lo de filtrar por nombre de proyecto etc, está contemplado por DD
Código Javascript:
Ver original
  1. http://www.datatables.net/examples/basic_init/zero_config.html
Alli puedes ver como filtra a medida que ingresas texto.
A su vez mirar la estructura del <table> , el id que usa el DD
$('#example').dataTable( {
Es el id del table.
Tambien DEBES tener una estructura en html del thead en funcion de los datos que vas a mostrar. Eso es estatico si o si, luego DD los llenara con datos.
Si el sAjaxSource no es correcto, por firebug podras ver el error que muestra y ver por donde viene el problema.
Recuerda que debes simplificar las cosas.
Man... tengo toda la estructura full formada...
Estoy haciendo la prueba con datos "quemados" directamente en el JSP y funciona, pero al momento de cargar la informacion de la consulta, ya no funciona...

Una pregunta... si yo creo la tabla con todo el esquema en el servlet... es decir:
Código:
if(proyectos.size() == 0){
					tabla.append("<td class='consultas'>No se encontraron registros!!</td>");
					out.print(tabla.toString());
					return;
				}

				tabla.append("<table border='0' id='example'>");
				tabla.append("<thead>");
				tabla.append("<td class='tdcampos' align='center' rowspan='1' width='100'>Nombre<br></td>");
				tabla.append("<td class='tdcampos' align='center' rowspan='1' width='100'>Direccion<br></td>");
				tabla.append("<td class='tdcampos'align='center' rowspan='1' width='100'>Radicado<br></td>");
				tabla.append("<td class='tdcampos'align='center' rowspan='1' width='100'>Estado<br></td>");
				tabla.append("<td class='tdcampos'align='center' rowspan='1' width='100'>Profesional<br></td>");
				tabla.append("</thead>"); 
				
				for (int i=0; i < proyectos.size(); i ++){
				
					ProyectoDTO pdto = (ProyectoDTO) proyectos.elementAt(i);

					/* muestra la informacion de la BD*/
					
					tabla.append("<tbody>");
					tabla.append("<tr class='gradeA'>" +
					"<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></tbody>");
				}
				tabla.append("</table>"); 
				out.print(tabla.toString());
				out.close();
No se supone que esto debería de funcionar si yo hago un llamado a la funcion del datatable, es decir, si yo cambio el document.ready y lo convierto en una funcion javascript y al momento de realizar la consulta haga el llamado a esa funcion???

O sigo equivocado, ya que por ninguna parte funciona!!!!! que shhiiiiiiiiiittttttttttt
__________________
Gabo Duk3
I.S