Hola amigos. Conseguí un código para el filtrado de datos de una tabla php y mysql y me funciona bien las opciones de filtrado pero no me funciona cuando quiero ver todos los datos. El problema es que al pasar una variable que es la que hace el filtro, no me muestra cuando es todos los datos. Les muestro mi código:
Aqui está el archivo de la tabla:
Código PHP:
Ver original<body>
<div id="top">
</div>
<div id="content">
<div class="filtro">
<form id="frm_filtro" method="post" action="">
<ul>
<li>
<label>Estatus:</label>
<select name="estatus">
<option value="0">-------------------------</option>
<!-- Listar Paises -->
<?php
$query = mysql_query("SELECT DISTINCT id_reservacion, estatus FROM reservaciones WHERE estatus='Verificando disponibilidad' or estatus='Pago pendiente' GROUP BY estatus"); $id_res = $row['id_reservacion'];
?>
<option value="<?php echo $row['estatus'] ?>">
<?php echo $row['estatus'] ?>
</option>
<?php
}
?>
</select>
<input type="hidden" name="vid" value="<?php echo $id_res ?>" />
</li>
<li>
<button type="button" id="btnfiltrar">Filtrar</button>
</li>
<li>
<a href="javascript:;" id="btncancel">Todos</a>
</li>
</ul>
</form>
</div>
<table cellpadding="0" cellspacing="0" id="data">
<thead>
<tr>
<th width="49"><span title="id_reservacion">Id</span></th>
<th width="128"><span title="n_reservacion">Nº Reservacion</span></th>
<th width="97"><span title="fecha">Fecha</span></th>
<th width="92"><span title="nombre">Nombre</span></th>
<th width="88"><span title="letra_ci">Cedula</span></th>
<th width="83"><span title="nombre_posada">Posada</span></th>
<th width="96"><span title="nombre_plan">Plan</span></th>
<th width="68"><span title="desde">Desde</span></th>
<th width="68"><span title="hasta">Hasta</span></th>
<th width="92"><span title="estatus">Estatus</span></th>
<th width="77"><span title="asignar">Asignar</span></th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</body>
aqui el ajax.php
Código PHP:
Ver originalinclude (func.php');
$conex = db_connect();
if (!$conex)
return 0;
if($_GET['action'] == 'listar')
{
// valores recibidos por POST
$vestatus = $_POST['estatus'];
$vid = $_POST['vid'];
$sql = "SELECT * FROM reservaciones WHERE estatus='$vestatus'";
// Vericamos si hay algun filtro
$sql .= ($vestatus > 0) ? " AND estatus = '".$vestatus."'" : "";
// Ordenar por
$vorder = $_POST['orderby'];
if($vorder != ''){
$sql .= " ORDER BY ".$vorder;
}
$query = mysql_query($sql);
$datos = array();
while($row = mysql_fetch_array($query))
{
$datos[] = array(
'id_reservacion' => $row['id_reservacion'],
'n_reservacion' => $row['n_reservacion'],
'fecha_a' => $row['fecha_carga'],
$fecha_o = $row['fecha_carga'],
$fecha = substr($fecha_o, 0,-9),
'fecha' => $fecha,
'nombre' => $row['nombre'],
'letraci' => $row['letraci']. '-'.$row['ci'] ,
'nombre_posada' => $row['nombre_posada'],
'nombre_plan' => $row['nombre_plan'],
'desde' => $row['llegada'],
'hasta' => $row['salida'],
'estatus' => $row['estatus'],
);
}
// convertimos el array de datos a formato json
echo json_encode($datos);
}
aqui el js:
Código Javascript
:
Ver original// JavaScript Document
var ordenar = '';
$(document).ready(function(){
// Llamando a la funcion de busqueda al cargar la pagina
filtrar()
var dates = $( "#del, #al" ).datepicker({
yearRange: "-50",
defaultDate: "+1w",
changeMonth: true,
changeYear: true,
onSelect: function( selectedDate ) {
var option = this.id == "del" ? "minDate" : "maxDate",
instance = $( this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});
// filtrar al darle click al boton
$("#btnfiltrar").click(function(){ filtrar() });
// boton cancelar
$("#btncancel").click(function(){
$(".filtro input").val('')
$(".filtro select").find("option[value='0']").attr("selected",true)
filtrar()
});
// ordenar por
$("#data th span").click(function(){
var orden = '';
if($(this).hasClass("desc"))
{
$("#data th span").removeClass("desc").removeClass("asc")
$(this).addClass("asc");
ordenar = "&orderby="+$(this).attr("title")+" asc"
}else
{
$("#data th span").removeClass("desc").removeClass("asc")
$(this).addClass("desc");
ordenar = "&orderby="+$(this).attr("title")+" desc"
}
filtrar()
});
});
function filtrar()
{
$.ajax({
data: $("#frm_filtro").serialize()+ordenar,
type: "POST",
dataType: "json",
url: "ajax.php?action=listar",
success: function(data){
var html = '';
if(data.length > 0){
$.each(data, function(i,item){
html += '<tr>'
html += '<td>'+item.id_reservacion+'</td>'
html += '<td>'+item.n_reservacion+'</td>'
html += '<td>'+item.fecha+'</td>'
html += '<td>'+item.nombre+'</td>'
html += '<td>'+item.letraci+'</td>'
html += '<td>'+item.nombre_posada+'</td>'
html += '<td>'+item.nombre_plan+'</td>'
html += '<td>'+item.desde+'</td>'
html += '<td>'+item.hasta+'</td>'
html += '<td>'+item.estatus+'</td>'
html += '<td><a href="asignar_estatus_reserva.php?id_reservacion='+item.id_reservacion+'">Detalle</a></td>'
});
}
if(html == '') html = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>'
$("#data tbody").html(html);
}
});
}
Como puedo hacer que también muestre el listado completo?????
Gracias