none
JQuery PrintArea + Bootstrap + ASP.NET RRS feed

  • Pregunta

  • Hola! Estoy usando ASP.NET + Bootstrap y quiero implementar un boton IMPRIMIR PANTALLA usando PrintArea.js y me sale como muestro en captura de pantalla.  (sin el formato tal como se muestra en pantalla) y sin embargo si hago CONTROL P a la pagina me esta mostrando tal cual (dejo tambien en imagen) Alguien me podria decir por favor que mas debo hacer para que usando PrintArea me muestre tal cual esta mi pantalla real?

    Gracias de Antemano!

        <a href="#" id="btnImprimirPantalla" class="btn btn-info btn-md" role="button">Imprimir Pantalla</a>

    <div id="myPrintArea">
    Y AQUI COLOCO MI CODIGO QUE QUIERO QUE SE MUESTRE EN LAIMPRESION
     </div>

      <script type="text/javascript">
            $(document).ready(function () {
                $("#btnImprimirPantalla").click(function () {
                    $("div#myPrintArea").printArea();
                })
            });
        </script>


    haciendo un CONTROL P

    usando printarea

    sábado, 27 de agosto de 2016 23:26

Todas las respuestas

  • Hola Li.GaTTita

    PrintArea de JQuery, imprime la parte especificada de una página web. Normalmente el contenido de un div, tal como usted lo muestra en el código que adjunta. 

    Bajo este enfoque, usted debe procurar que el div que selecciona contenga todo lo que desea imprimir.

    Saludos,


    Miguel Torres



    sábado, 27 de agosto de 2016 23:52
  • Hola.Gracias... asi es, pero el punto aqui es no es que no me esté imprimiendo lo que yo no quiera sino, que NO está imprimiendo TAL COMO SE VE EN LA PANTALLA. He puesto en las capturas la diferencia. Con el PrintArea me está mostrando sin estilos.

    Gracias x su ayuda.

    domingo, 28 de agosto de 2016 0:36
  • Li.GaTTita

    Revise el siguiente enlace. Encontrará varias opciones de impresión:

    https://datafull.co/p/imprimir-solo-div-idprintarea-div

    Saludos,


    Miguel Torres


    domingo, 28 de agosto de 2016 0:50
  • hola

    la verdad es que no confiaria en ningun sistema de impresion que aplique directo sobre el browser

    recomendaria que si necesitas tomes dos caminos

    - generar un pdf en base al render del html, podrias usar las librerias de iTextSharp y enviar el resultado al usuario para que lo descargue he imprima

    - generar un reporte, ya sea con reporting service .rdlc o Crystal Reports, entonces al imprimir envias los datos y generas el formato correcto para la impresion

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    lunes, 29 de agosto de 2016 5:30
  • Hola! Gracias Leandro.

    Una consulta, con respecto al iTextSharp, me tocaría diseñar desde cero o puedo reutilizar lo que se ve en mi formulario.aspx ? (tal como la captura de pantalla enviada en mi post inicial)

    (tu segundo caso parece bueno, pero no lo aplicaría ya que se necesita desarrollo aparte, son varios formularios para imprimir, y lo que se quiere es reutilizar lo que ya se ve generando en el formulario.aspx)

    miércoles, 31 de agosto de 2016 13:27