Necesito poder crear un reporte en otra pagina mediante target="_blank"> o algo parecido ya sea por JavaScript o por el controlador mediante Entity Freamworks para poder visualizar el PDF creado con los datos de una tabla que se crea por parámetros de fechas y el cliente seleccionado, esto para que el usuario pueda ver los datos sin que pierda los datos de búsqueda previos para poder ir generando los reportes que necesite
Controlador donde proceso los datos para generar el pdf en la pagina
public ActionResult Crear(int idCliente, DateTime fechaInicio, DateTime fechaFinal, List<CotizacionViewModel> listaPedido)
{
Document doc = new Document();
doc.SetPageSize(PageSize.B4);
doc.SetMargins(9f, 9f, 9f, 9f);
MemoryStream memStream = new MemoryStream();
PdfWriter wri = PdfWriter.GetInstance(doc, memStream);
doc.Open();
doc.AddCreationDate();
doc.AddTitle(DateTime.Today.ToString("MM"));
Font fontNormal = FontFactory.GetFont(FontFactory.HELVETICA, 8f, BaseColor.BLACK);
GenerarCabecera(doc, fontNormal, idCliente, fechaInicio, fechaFinal);
doc.Close();
byte[] byteStream = memStream.ToArray();
memStream = new MemoryStream();
memStream.Write(byteStream, 0, byteStream.Length);
memStream.Position = 0;
return new FileStreamResult(memStream, "application/pdf");
}
Código JavaScript donde obtengo los datos de los parámetros y los datos de la tabla para enviarlos al controlador
<script>
$("#btnEnviar").click(function () {
var idOrden = $('#drpOrdenes').val()
var urlOrden = ""
if (idOrden != "") {
urlOrden = idOrden
} else {
urlOrden = 0
}
const seleccion2 = document.getElementById("itemCliente").value = urlOrden;
var cliente = $("#itemCliente").val();
var fecha1 = $("#fechaInicial").val();
var fecha2 = $("#fechaFinal").val();
let Datos = [];
document.querySelectorAll("#tableResultContent tr").forEach((fila) => {
let dato = {};
dato.NombrePedProducto = fila.querySelector(".tdNumero").innerHTML;
dato.Nombre = fila.querySelector(".tdCliente").innerHTML;
dato.Fecha = fila.querySelector(".tdFecha").innerHTML;
dato.Contacto = fila.querySelector(".tdContacto").innerHTML;
dato.nombrePago = fila.querySelector(".tdPago").innerHTML;
dato.nombreEstado = fila.querySelector(".tdEstado").innerHTML;
Datos.push(dato);
});
console.log(Datos);
var pedidoDato = {
listaPedido: Datos,
idCliente: cliente,
fechaInicio: fecha1,
fechaFinal: fecha2
}
$.ajax({
type: "POST",
url: 'ReporteriaCotizacion/Crear',
data: pedidoDato,
success: function (data) {
if (data.IsSuccess == true) {
Swal.fire({
icon: 'success',
title: '',
})
} else {
Swal.fire({
icon: 'error',
title: 'Operación fallida',
text: data.Message,
confirmButtonClass: "btn btn-secondary m-btn m-btn--wide"
})
}
},
});
})
</script>
Tabla HTML
<table class="table table-bordered table-hover" id="getChequeoTabla">
<thead class="c-table__head c-table__head--slim">
<tr class="c-table__row">
<th class="c-table__cell c-table__cell--head">Numero Cotizacion</th>
<th class="c-table__cell c-table__cell--head">Cliente</th>
<th class="c-table__cell c-table__cell--head">Fecha de la Cotización</th>
<th class="c-table__cell c-table__cell--head">Contacto</th>
<th class="c-table__cell c-table__cell--head">Forma de Pago</th>
<th class="c-table__cell c-table__cell--head">Estado</th>
</tr>
</thead>
<tbody id="tableResultContent">
@foreach (var item in Model.OrderBy(X => X.Numero))
{
<tr class="c-table__row">
<td class="c-table__cell tdNumero" id="">@item.Numero</td>
<td class="c-table__cell tdCliente">@item.Cliente.Nombre</td>
<td class="c-table__cell tdFecha">@item.Fecha.ToString("dd/MM/yyyy")</td>
<td class="c-table__cell tdContacto">@item.Contacto</td>
<td class="c-table__cell tdPago">@item.FormaPago.Nombre</td>
<td class="c-table__cell tdEstado">@item.Estado.Nombre</td>
</tr>
}
</tbody>
</table>
target="_blank"
, si es justo lo que buscas?