Intenté varios métodos para hacer mas "amigable" cuando se intenta buscar un dato y el resultado es nulo. Pensé que sería "fácil" usar Jquery, pero estoy bastante trabado. Uso VS2017, MVC y asp.net core 2.0. Sinceramente no se que es mejor, si usar Jquery o desde el controlador manejar las consultas con resultado nulo.
La búsqueda la realizo en un form
que luego a los resultados los muestro en un table
Controlador:
public IActionResult Index(int? nroorden)
{
var query = from o in _context.Opj select o;
query = _context.Opj.Where(s => s.NroOrden == nroorden);
return View(query.ToList());
}
View:
<form asp-action="Index" method="get" id="formulario">
<div class="container">
<div class="form-group">
<h4>Busqueda de Nro Orden</h4>
<br />
<div class="from-group">
<p>
<label class="col-md-2 control-label">Orden de Pago:</label>
<input name="nroorden" class="form-control input-sm" />
</p>
</div>
<p>
<input type="submit" class="btn btn-info btn-sm" value="Buscar" id="boton" />
</p>
</div>
</div>
La tabla es la típica tabla que crea la plantilla de VS por eso no la muestro. Donde el id
de la tabla es tabla
y el id
del tbody
es datos
Lo único que pude conseguir que funciona a medias es:
$(document).ready(function () {
$("#boton").click(function () {
if ($("#tabla #datos").text().length) {
alert("No hay datos para mostrar")
}
});
});
EDIT agrego la tabla donde muestro los resultados
<table class="table table-hover" id="tabla">
<thead>
<tr>
<th>
@Html.DisplayNameFor(model => model.NroOrden)
</th>
<th>
@Html.DisplayNameFor(model => model.Presentacion)
</th>
<th>
@Html.DisplayNameFor(model => model.Dni)
</th>
<th>
@Html.DisplayNameFor(model => model.Caratula)
</th>
<th>
Fecha Liquidacion
</th>
<th></th>
</tr>
</thead>
<tbody id="datos">
@foreach (var item in Model)
{
<tr>
<td>
@Html.DisplayFor(modelItem => item.NroOrden)
</td>
<td>
@Html.DisplayFor(modelItem => item.Presentacion)
</td>
<td>
@Html.DisplayFor(modelItem => item.Dni)
</td>
<td>
@Html.DisplayFor(modelItem => item.Caratula)
</td>
<td>
@Html.DisplayFor(modelItem => item.FechaLiq)
</td>
<td>
<a asp-action="Details" asp-route-id="@item.NroOrden">Detalle</a>
</td>
</tr>
}
</tbody>
</table>
El problema es que por mas que encuentre un resultado aparece el mensaje.
Cualquier ayuda será bienvenida.