Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Filtro de busqueda no funciona con algunas <tr>

Estas en el tema de Filtro de busqueda no funciona con algunas <tr> en el foro de Frameworks JS en Foros del Web. buenas, tengo una tabla que se llena desde la base de datos con la siguiente funcion. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original $ ( ...
  #1 (permalink)  
Antiguo 24/12/2012, 09:42
Avatar de fast_10  
Fecha de Ingreso: abril-2010
Ubicación: Desde aquí o desde allá
Mensajes: 16
Antigüedad: 10 años, 6 meses
Puntos: 0
Filtro de busqueda no funciona con algunas <tr>

buenas,


tengo una tabla que se llena desde la base de datos con la siguiente funcion.

Código Javascript:
Ver original
  1. $("#lista tbody").append("<tr>" +
  2.                                     "<td>" + variable_js1+ "</td>" +
  3.                                     "<td>" + variable_js2 + "</td>" +
  4.                                     "<td> <img src='../imagenes/holi.jpg'>" +
  5. "</tr>");

ahora necesito buscar dentro de esta tabla por filtro para eso utilizo lo sgte.
Código Javascript:
Ver original
  1. $("#lista tbody tr:has(td)").each(function () {
  2.                     var t = $(this).text().toLowerCase();
  3.                     $("<td class='indexColumn'></td>")
  4.                     .hide().text(t).appendTo(this);
  5.                 });
  6.  
  7.                 //Agregar el comportamiento al texto (se selecciona por el ID)
  8.                 $("#texto").keyup(function () {//texto input qque recibe valores de busqueda
  9.                     var s = $(this).val().toLowerCase().split(" ");
  10.                     $("#listatbody tr:hidden").show();
  11.                     $.each(s, function () {
  12.                         $("#lista tbody tr:visible .indexColumn:not(:contains('"
  13.                         + this + "'))").parent().hide();
  14.                     });
  15.                 });


Código Javascript:
Ver original
  1. <table id="lista" class="ui-widget ui-widget-content">
  2.         <thead>
  3.             <tr class="ui-widget-header ">
  4.                 <th>titulo 1</th>
  5.                 <th>titulo 2</th>
  6.                 <th>titulo 3</th>
  7.                
  8.             </tr>
  9.         </thead>
  10.        <tbody>
  11.             <tr>
  12.                 <td>no dinamico</td>
  13.                 <td>no dinamico</td>
  14.                 <td>no dinamico</td>
  15.                </tr>
  16.        </tbody>
  17.         <tfoot>
  18.             <tr>
  19.                 <td colspan="3">
  20.                     contador o cualquier cosa en el foot que me tinque
  21.                 </td>
  22.             </tr>
  23.         </tfoot>
  24.     </table>
solamente me funciona para los filas que ingreso directamente y no las que cargo dinamicamen desde la base de datos, a que se debe esto, de antemano muchas gracias por la ayuda.

Etiquetas: funcion, input, js, busquedas, filtros
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:19.