Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

RadGrid Print all Pages

10 Answers 337 Views
Grid
This is a migrated thread and some comments may be shown as answers.
July
Top achievements
Rank 2
July asked on 15 Feb 2012, 03:46 PM
I found an exmaple here How print Radgrid, but only print current page.
I need print whole RadGrid.
how I can you this?

thanks

10 Answers, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 15 Feb 2012, 03:59 PM
Hi,

To achieve your goal you should set AllowPaging="false" and then use the approach demonstrated in this code-library

Let me know if you need further assistance.

Kind regards,
Pavlina
the Telerik team
Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
0
July
Top achievements
Rank 2
answered on 15 Feb 2012, 05:01 PM
I set alloPaging = false
bbut I get this




0
Pavlina
Telerik team
answered on 20 Feb 2012, 10:59 AM
Hello July,

I suggest that you examine the project attached by my colleague in the forum thread below and let us know if it helps to resolve the problem you are facing:
http://www.telerik.com/community/forums/aspnet-ajax/grid/radgrid-print.aspx

Regards,
Pavlina
the Telerik team
Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
0
July
Top achievements
Rank 2
answered on 25 Feb 2012, 12:25 AM
I couldnt print grid.
This is my code:

Before click on Print button



ASPX:
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="../Style/Admin/Reports.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
       style type="text/css">
        .headingText
        {
            font-size: 18pt;
            font-weight: bold;
            text-decoration: underline;
        }
        .topBar
        {
            border: solid 2px #555555;
            text-align: center;
            background-color: #aaaaaa;
            padding-bottom: 10px;
        }
        .wrapper
        {
            background-color: #333333;
            width: 100%;
            height: 550px;
            border: solid 2px black;
        }
    </style>
  <script type="text/javascript">


       function getOuterHTML(obj)
        {
            if (typeof (obj.outerHTML) == "undefined")
            {
                var divWrapper = document.createElement("div");
                var copyOb = obj.cloneNode(true);
                divWrapper.appendChild(copyOb);
                return divWrapper.innerHTML
            }
            else
                return obj.outerHTML;
        }

        function PrintRadGrid()
        {
            var previewWnd = window.open('about:blank', '', '', false);
            var sh = '<%= ClientScript.GetWebResourceUrl(ActivityLogGrid.GetType(),String.Format("Telerik.Web.UI.Skins.{0}.Grid.{0}.css",ActivityLogGrid.Skin)) %>';
            var shBase = '<%= ClientScript.GetWebResourceUrl(ActivityLogGrid.GetType(),"Telerik.Web.UI.Skins.Grid.css") %>';
            var styleStr = "<html><head><link href = '" + sh + "' rel='stylesheet' type='text/css'></link>";
            styleStr += "<link href = '" + shBase + "' rel='stylesheet' type='text/css'></link></head>";
            var htmlcontent = styleStr + "<body>" + getOuterHTML($find('<%= ActivityLogGrid.ClientID %>').get_element()) + "</body></html>";
            previewWnd.document.open();
            previewWnd.document.write(htmlcontent);
            previewWnd.document.close();
            previewWnd.print();

            if (!$telerik.isChrome) {
                previewWnd.close();
            }
       

          radGrid.get_masterTableView().fireCommand("EnablePaging", "");
      }
        function confirmCallBackFn(arg) {
            var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>");
            if (arg == true)
            { ajaxManager.ajaxRequest("RemoveActivityLog"); }

        }
        </script>
 
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
 
    <script type="text/javascript">



        
    </script>
    <telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="btnCreateReport">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ActivityLogGrid" LoadingPanelID="LoadginPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="GridReports" LoadingPanelID="LoadginPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnRemoveSelected">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ActivityLogGrid" LoadingPanelID="LoadginPanel1"/>
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnRemoveActivity">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ActivityLogGrid" LoadingPanelID="LoadginPanel1"/>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
    <%--  <UC:header runat="server" ID="headerPage" />--%>
    <div id="containerSubWHelp">
        <div id="ReportFilters">
            <div class="Row">
                <div class="ColLabel">
                    <asp:Label ID="lblTypeReport" runat="server" /></div>
                <div class="ColInput">
                    <telerik:RadComboBox runat="server" ID="radCbTypeReport">
                    </telerik:RadComboBox>
                </div>
                <div class="ColLabel">
                    <asp:Label ID="lblStartDate" runat="server" /></div>
                <div class="ColInput">
                    <telerik:RadDatePicker ID="rdpMinDate" runat="server" Width="140px" AutoPostBack="true"
                        MinDate="01/01/1900" MaxDate="01/01/3000">
                        <Calendar>
                            <SpecialDays>
                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday" />
                            </SpecialDays>
                        </Calendar>
                    </telerik:RadDatePicker>
                </div>
                <div class="ColLabel">
                    <asp:Label ID="lblEndDate" runat="server" /></div>
                <div class="ColInput">
                    <telerik:RadDatePicker ID="rdpMaxDate" runat="server" Width="140px" AutoPostBack="true"
                        MinDate="01/01/1900" MaxDate="01/01/3000">
                        <Calendar>
                            <SpecialDays>
                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday" />
                            </SpecialDays>
                        </Calendar>
                    </telerik:RadDatePicker>
                </div>
            </div>
            <div class="Clear" />
            <div class="Row">
                <div class="Button">
                    <telerik:RadButton ID="btnCreateReport" runat="server" Skin="Vista" Width="150px"
                        OnClick="btnCreateReport_Click" />
                    <telerik:RadButton ID="btnRemoveActivity" runat="server" Skin="Vista" Width="150px"
                        OnClick="btnRemoveActivity_Click" />
                    <telerik:RadButton ID="btnPrint" runat="server" Skin="Vista" Width="100px" OnClick="btnPrint_Click" />
                    <telerik:RadButton ID="btnRemoveSelected" runat="server" Width="180px" OnClick="btnRemoveSelected_Click" />
                </div>
            </div>
        </div>
        <div class="Clear">
        </div>
        <div id="GridReports" runat="server">
            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
            <telerik:RadGrid ID="ActivityLogGrid" runat="server" OnItemCommand="ActivityLog_ItemCommand"
               OnNeedDataSource="ActivityLogGrid_NeedSource"  
                 OnItemCreated="ActivityLogGrid_ItemCreated" AllowMultiRowSelection="True"
                OnPreRender="ActivityLogGrid_PreRender" AutoGenerateColumns="false"
               >
                <MasterTableView DataKeyNames="Id" CommandItemDisplay="None" AllowFilteringByColumn="true"
                    TableLayout="Fixed" PagerStyle-Mode="NumericPages" Width="100%" >
                    <Columns>
                        <telerik:GridClientSelectColumn CommandName="Select" UniqueName="Select">
                            <HeaderStyle Width="33px" />
                            <ItemStyle Width="33px" />
                        </telerik:GridClientSelectColumn>
                        <telerik:GridBoundColumn UniqueName="Id" DataField ="Id"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn UniqueName="Date" DataField="Date"  AllowFiltering="false"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn UniqueName="Message" DataField="Message"></telerik:GridBoundColumn>
                    </Columns>
                    <ExpandCollapseColumn Visible="False">
                        <HeaderStyle Width="19px" />
                    </ExpandCollapseColumn>
                    <RowIndicatorColumn Visible="False">
                        <HeaderStyle Width="20px" />
                    </RowIndicatorColumn>
                </MasterTableView>
                <ClientSettings>
                 <Selecting AllowRowSelect="true" />
                    <ClientEvents OnColumnHidden="onColumnHidden" />
                </ClientSettings>
                
            </telerik:RadGrid>
            </telerik:RadAjaxPanel>
        </div>
    </div>
    <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
        <Windows>
            <telerik:RadWindow ID="ConfirmDelete" runat="server" Skin="Vista" Left="15%" ReloadOnShow="true"
                ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false" VisibleTitlebar="false"
                Behaviors="Close" Height="150px" Width="300px" />
        </Windows>
    </telerik:RadWindowManager>
    <UC:Notification ID="Notification" runat="server" />
</asp:Content>


ASPX.CS:

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="../Style/Admin/Reports.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
       style type="text/css">
        .headingText
        {
            font-size: 18pt;
            font-weight: bold;
            text-decoration: underline;
        }
        .topBar
        {
            border: solid 2px #555555;
            text-align: center;
            background-color: #aaaaaa;
            padding-bottom: 10px;
        }
        .wrapper
        {
            background-color: #333333;
            width: 100%;
            height: 550px;
            border: solid 2px black;
        }
    </style>
  <script type="text/javascript">


       function getOuterHTML(obj)
        {
            if (typeof (obj.outerHTML) == "undefined")
            {
                var divWrapper = document.createElement("div");
                var copyOb = obj.cloneNode(true);
                divWrapper.appendChild(copyOb);
                return divWrapper.innerHTML
            }
            else
                return obj.outerHTML;
        }

        function PrintRadGrid()
        {
            var previewWnd = window.open('about:blank', '', '', false);
            var sh = '<%= ClientScript.GetWebResourceUrl(ActivityLogGrid.GetType(),String.Format("Telerik.Web.UI.Skins.{0}.Grid.{0}.css",ActivityLogGrid.Skin)) %>';
            var shBase = '<%= ClientScript.GetWebResourceUrl(ActivityLogGrid.GetType(),"Telerik.Web.UI.Skins.Grid.css") %>';
            var styleStr = "<html><head><link href = '" + sh + "' rel='stylesheet' type='text/css'></link>";
            styleStr += "<link href = '" + shBase + "' rel='stylesheet' type='text/css'></link></head>";
            var htmlcontent = styleStr + "<body>" + getOuterHTML($find('<%= ActivityLogGrid.ClientID %>').get_element()) + "</body></html>";
            previewWnd.document.open();
            previewWnd.document.write(htmlcontent);
            previewWnd.document.close();
            previewWnd.print();

            if (!$telerik.isChrome) {
                previewWnd.close();
            }
       

          radGrid.get_masterTableView().fireCommand("EnablePaging", "");
      }
        function confirmCallBackFn(arg) {
            var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>");
            if (arg == true)
            { ajaxManager.ajaxRequest("RemoveActivityLog"); }

        }
        </script>
 
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
 
    <script type="text/javascript">



        
    </script>
    <telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="btnCreateReport">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ActivityLogGrid" LoadingPanelID="LoadginPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="GridReports" LoadingPanelID="LoadginPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnRemoveSelected">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ActivityLogGrid" LoadingPanelID="LoadginPanel1"/>
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnRemoveActivity">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="ActivityLogGrid" LoadingPanelID="LoadginPanel1"/>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
    <%--  <UC:header runat="server" ID="headerPage" />--%>
    <div id="containerSubWHelp">
        <div id="ReportFilters">
            <div class="Row">
                <div class="ColLabel">
                    <asp:Label ID="lblTypeReport" runat="server" /></div>
                <div class="ColInput">
                    <telerik:RadComboBox runat="server" ID="radCbTypeReport">
                    </telerik:RadComboBox>
                </div>
                <div class="ColLabel">
                    <asp:Label ID="lblStartDate" runat="server" /></div>
                <div class="ColInput">
                    <telerik:RadDatePicker ID="rdpMinDate" runat="server" Width="140px" AutoPostBack="true"
                        MinDate="01/01/1900" MaxDate="01/01/3000">
                        <Calendar>
                            <SpecialDays>
                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday" />
                            </SpecialDays>
                        </Calendar>
                    </telerik:RadDatePicker>
                </div>
                <div class="ColLabel">
                    <asp:Label ID="lblEndDate" runat="server" /></div>
                <div class="ColInput">
                    <telerik:RadDatePicker ID="rdpMaxDate" runat="server" Width="140px" AutoPostBack="true"
                        MinDate="01/01/1900" MaxDate="01/01/3000">
                        <Calendar>
                            <SpecialDays>
                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday" />
                            </SpecialDays>
                        </Calendar>
                    </telerik:RadDatePicker>
                </div>
            </div>
            <div class="Clear" />
            <div class="Row">
                <div class="Button">
                    <telerik:RadButton ID="btnCreateReport" runat="server" Skin="Vista" Width="150px"
                        OnClick="btnCreateReport_Click" />
                    <telerik:RadButton ID="btnRemoveActivity" runat="server" Skin="Vista" Width="150px"
                        OnClick="btnRemoveActivity_Click" />
                    <telerik:RadButton ID="btnPrint" runat="server" Skin="Vista" Width="100px" OnClick="btnPrint_Click" />
                    <telerik:RadButton ID="btnRemoveSelected" runat="server" Width="180px" OnClick="btnRemoveSelected_Click" />
                </div>
            </div>
        </div>
        <div class="Clear">
        </div>
        <div id="GridReports" runat="server">
            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
            <telerik:RadGrid ID="ActivityLogGrid" runat="server" OnItemCommand="ActivityLog_ItemCommand"
               OnNeedDataSource="ActivityLogGrid_NeedSource"  
                 OnItemCreated="ActivityLogGrid_ItemCreated" AllowMultiRowSelection="True"
                OnPreRender="ActivityLogGrid_PreRender" AutoGenerateColumns="false"
               >
                <MasterTableView DataKeyNames="Id" CommandItemDisplay="None" AllowFilteringByColumn="true"
                    TableLayout="Fixed" PagerStyle-Mode="NumericPages" Width="100%" >
                    <Columns>
                        <telerik:GridClientSelectColumn CommandName="Select" UniqueName="Select">
                            <HeaderStyle Width="33px" />
                            <ItemStyle Width="33px" />
                        </telerik:GridClientSelectColumn>
                        <telerik:GridBoundColumn UniqueName="Id" DataField ="Id"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn UniqueName="Date" DataField="Date"  AllowFiltering="false"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn UniqueName="Message" DataField="Message"></telerik:GridBoundColumn>
                    </Columns>
                    <ExpandCollapseColumn Visible="False">
                        <HeaderStyle Width="19px" />
                    </ExpandCollapseColumn>
                    <RowIndicatorColumn Visible="False">
                        <HeaderStyle Width="20px" />
                    </RowIndicatorColumn>
                </MasterTableView>
                <ClientSettings>
                 <Selecting AllowRowSelect="true" />
                    <ClientEvents OnColumnHidden="onColumnHidden" />
                </ClientSettings>
                
            </telerik:RadGrid>
            </telerik:RadAjaxPanel>
        </div>
    </div>
    <telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
        <Windows>
            <telerik:RadWindow ID="ConfirmDelete" runat="server" Skin="Vista" Left="15%" ReloadOnShow="true"
                ShowContentDuringLoad="false" Modal="true" VisibleStatusbar="false" VisibleTitlebar="false"
                Behaviors="Close" Height="150px" Width="300px" />
        </Windows>
    </telerik:RadWindowManager>
    <UC:Notification ID="Notification" runat="server" />
</asp:Content>


Afert click on Print Button

- Grid lost Height

tthe blank page is




Please I need help... I lost all work day in this issue

regards
0
July
Top achievements
Rank 2
answered on 01 Mar 2012, 01:45 AM
Please I need Help!!
0
Pavlina
Telerik team
answered on 02 Mar 2012, 01:27 PM
Print-grid.zip
Hello,

I followed your scenario and prepared a sample project that is working properly. Give it a try and let me know if it works for you and what is the difference in your case.

Greetings,
Pavlina
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
July
Top achievements
Rank 2
answered on 02 Mar 2012, 09:14 PM
this example does not work
js error:
previewWnd is NULL!!!

therefore I use the other JS, but  previewWnd IS NULL too


       function getOuterHTML(obj)
        {
            if (typeof (obj.outerHTML) == "undefined")
            {
                var divWrapper = document.createElement("div");
                var copyOb = obj.cloneNode(true);
                divWrapper.appendChild(copyOb);
                return divWrapper.innerHTML
            }
            else
                return obj.outerHTML;
        }

        function PrintRadGrid()
        {
            var previewWnd = window.open('about:blank', '', '', false);
            var sh = '<%= ClientScript.GetWebResourceUrl(ActivityLogGrid.GetType(),String.Format("Telerik.Web.UI.Skins.{0}.Grid.{0}.css",ActivityLogGrid.Skin)) %>';
            var shBase = '<%= ClientScript.GetWebResourceUrl(ActivityLogGrid.GetType(),"Telerik.Web.UI.Skins.Grid.css") %>';
            var styleStr = "<html><head><link href = '" + sh + "' rel='stylesheet' type='text/css'></link>";
            styleStr += "<link href = '" + shBase + "' rel='stylesheet' type='text/css'></link></head>";
            var htmlcontent = styleStr + "<body>" + getOuterHTML($find('<%= ActivityLogGrid.ClientID %>').get_element()) + "</body></html>";
            previewWnd.document.open();
            previewWnd.document.write(htmlcontent);
            previewWnd.document.close();
            previewWnd.print();

            if (!$telerik.isChrome) {
                previewWnd.close();
            }
       

          radGrid.get_masterTableView().fireCommand("EnablePaging", "");
      }
0
Pavlina
Telerik team
answered on 07 Mar 2012, 04:57 PM
Print-grid-updated.zip
Hi,

Can you please examine the updated project attached to this message and let me know if you received the error in it?

Greetings,
Pavlina
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
July
Top achievements
Rank 2
answered on 08 Mar 2012, 01:35 PM
Yes that wworks
but   radGrid.get_masterTableView().fireCommand("EnablePaging", "");
does not fire.
0
Pavlina
Telerik team
answered on 13 Mar 2012, 04:46 PM
Hello,

You can refer to the help article below for more information how to fire custom command in grid:
http://www.telerik.com/help/aspnet-ajax/grid-gridtableview-firecommand.html

Regards,
Pavlina
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Grid
Asked by
July
Top achievements
Rank 2
Answers by
Pavlina
Telerik team
July
Top achievements
Rank 2
Share this question
or