Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/07/2009, 21:18
rProgged
 
Fecha de Ingreso: agosto-2004
Mensajes: 131
Antigüedad: 19 años, 9 meses
Puntos: 2
Buscar con JQuery en una tabla que viene desde Ajax

Hola,

El problema que tengo es el siguiente: Tengo una tabla que se genera dinamicamente mediante ajax dentro de un div al seleccionar cualquier opción desde 3 <select> anidados. Sobre esta tabla debo hacer una búsqueda con jquery.

Está todo bien mientras busco la tabla generada mediante html, pero si genero la tabla dinamicamente entonces jquery ya no busca. Más gráficamente ocurre lo siguiente:

Si escribo en el código textualmente lo siguiente:
Código:
<div id="contenido">
    <table id="tbl_resultado" class="tbl-grilla" style="width:100%;">
	<thead>
	<tr> 
		<th>DOCUMENTO</th>
		<th>CATEGOR&Iacute;A</th>
		<th>SECCI&Oacute;N</th>
		<th>FECHA</th>
	</tr>
	</thead>
	<tbody>
    <tr>
  	<td>prueba</td>
        <td>prueba</td>
        <td>prueba</td>
        <td>prueba</td>
    </tr>
	</tbody>
	</table>
</div>
y luego busco con jquery, busca bien.

Sin embargo si creo la tabla dinámicamente mediante la api prototype con el siguiente codigo:

Código:
$('frm_busqueda').tipo_select.value = 'categoria';
var params = Form.serialize($('frm_busqueda'));
var ajax = new Ajax.Updater('contenido','busqueda.php',{parameters: params});
y luego intento buscar con jquery, pues no hace nada. La respuesta que obtengo desde el ajax es exactamente la misma tabla, con el mismo id y todo lo demás

El código que uso para jquery es:
Código:
jQuery.noConflict();
jQuery(document).ready(function () {
	jQuery('table#tbl_resultado tbody tr').quicksearch({
		stripeRowClass: ['odd', 'even'],
		position: 'after',
		attached: 'label',
		labelText: 'Buscar en el listado: ',
		delay: 50                                       
	});
});
El problema no parece ser prototype, pues como dije anteriormente teniendo los select anidados funcionando con prototype y escribiendo el codigo de la tabla textualmente en mi programa entonces jquery funciona bien, el problema se presenta cuando intento hacer una busqueda después de cambiar lo que contiene el div "contenido".

Lamentablemente nunca habia usado jQuery y no tengo muy claro cómo realiza la búsqueda. Obviamente mi intenciónn es no cargar la página completa cada vez que elijo una opción de un select.

Cualquier ayuda es bienvenida, muchas gracias de antemano

Saludos,

Rodrigo