Disabled UseStaticHeader when Print

2 posts, 1 answers
  1. Estudios-Electricos
    Estudios-Electricos avatar
    9 posts
    Member since:
    Dec 2014

    Posted 01 Dec 2015 Link to this post

    I tried to disable UseStaticHeader when Print a Grid

    this is my js function

     This works OK, but when I use StaticHeader not all data display. Please see attached image

      function Imprimir() {
                        var radGrid = $find('<%= grillaListado.ClientID %>');                    
                        radGrid.MasterTableView.get_element().style.fontSize = "10px";
                        debugger;
                        radGrid.MasterTableViewHeader.get_element().style.fontSize = "10px";
                        var previewWnd = window.open('about:blank', 'Resúmen Ordenes de Pago', '', false);
                        var styleStr = "<html><head><title>Resúmen Horas de Proyectos</title></head>";
                        var fechaDesde = $find('<%= dtFechaDesde.ClientID %>').get_textBox().value;
                        var fechaHasta = $find('<%= dtFechaHasta.ClientID %>').get_textBox().value;
                        var htmlcontent = styleStr + "<body> <label style='font-size:10px'>Fecha desde:" + fechaDesde + " - hasta " + fechaHasta + "</label><br>" + radGrid.get_element().outerHTML + "</body></html>";
                        previewWnd.document.open();
                        previewWnd.document.write(htmlcontent);
                        previewWnd.document.close();
                        previewWnd.print();
                        previewWnd.close();
                    }

      function Imprimir() {
                        var radGrid = $find('<%= grillaListado.ClientID %>');                    
                        radGrid.MasterTableView.get_element().style.fontSize = "10px";
                        radGrid.MasterTableViewHeader.get_element().style.fontSize = "10px";

    /********************* I TRIED THIS ***************************/

    radGrid.ClientSettings.Scrolling.UseStaticHeaders =false;   => does not work

    /********************* I TRIED THIS ***************************/
                        var previewWnd = window.open('about:blank', 'Resúmen Ordenes de Pago', '', false);
                        var styleStr = "<html><head><title>Resúmen Horas de Proyectos</title></head>";
                        var fechaDesde = $find('<%= dtFechaDesde.ClientID %>').get_textBox().value;
                        var fechaHasta = $find('<%= dtFechaHasta.ClientID %>').get_textBox().value;
                        var htmlcontent = styleStr + "<body> <label style='font-size:10px'>Fecha desde:" + fechaDesde + " - hasta " + fechaHasta + "</label><br>" + radGrid.get_element().outerHTML + "</body></html>";
                        previewWnd.document.open();
                        previewWnd.document.write(htmlcontent);
                        previewWnd.document.close();
                        previewWnd.print();
                        previewWnd.close();
                    }

     

     

    How i can print the complete grid when it use StaticHeader?

  2. Answer
    Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 04 Dec 2015 Link to this post

    Hello,

    You can disable grid scrolling with static headers using the following highlighted css:
    <script type="text/javascript">
                    function Imprimir() {
                        var radGrid = $find('<%= grillaListado.ClientID %>');
                        radGrid.MasterTableView.get_element().style.fontSize = "10px";
                        debugger;
                        radGrid.MasterTableViewHeader.get_element().style.fontSize = "10px";
                        var previewWnd = window.open('about:blank', 'Resúmen Ordenes de Pago', '', false);
                        var styleStr = "<html><head><style type='text/css'>.rgDataDiv{overflow: auto !important;height: auto !important;}</style><title>Resúmen Horas de Proyectos</title></head>";
                        var fechaDesde = $find('<%= dtFechaDesde.ClientID %>').get_textBox().value;
                          var fechaHasta = $find('<%= dtFechaHasta.ClientID %>').get_textBox().value;
                        var htmlcontent = styleStr + "<body> <label style='font-size:10px'>Fecha desde:" + fechaDesde + " - hasta " + fechaHasta + "</label><br>" + radGrid.get_element().outerHTML + "</body></html>";
                        previewWnd.document.open();
                        previewWnd.document.write(htmlcontent);
                        previewWnd.document.close();
                        previewWnd.print();
                        previewWnd.close();
                    }
                </script>


    Regards,
    Pavlina
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top