This is a migrated thread and some comments may be shown as answers.

how to print radgrid while using master content pages and UserControls.

17 Answers 185 Views

Grid

This is a migrated thread and some comments may be shown as answers.

shahid Aleem asked on 19 Jan 2011, 03:27 PM

Hi I want to print radgrid but its not working when using on a usercontrol and then on master page.

please help.

I using the following code in my user control.

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="printTestRadgrid.ascx.cs" Inherits="WebUserControls_Employees_printTestRadgrid" %>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function PrintRadGrid() {

debugger;

var previewWnd = window.open('about:blank', '', '', false);

var sh = '<%= Page.ClientScript.GetWebResourceUrl(radGrid1.GetType(),"Telerik.WebControls.RadControls.Grid.Skins.Default.Styles.css") %>';

sh = sh.replace("&t", "&t");

var styleStr = "<html><head><link href = '" + sh + "' rel='stylesheet' type='text/css'></link>";

var htmlcontent = styleStr + "<body>" + window["radGrid1"].Control.innerHTML + "</body></html>";

htmlcontent = htmlcontent.replace(/<script .*?>(.|\n)*?<\/script>/gi, "")

previewWnd.document.open();

previewWnd.document.write(htmlcontent);

previewWnd.document.close();

previewWnd.print();

previewWnd.close();

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<div class="wrapper">

<div class="topBar">

<p class="headingText">

<asp:LinkButton ID="LinkButton1" runat="server" type="button" Text="[ Print Grid ]"

Font-Underline="false" ForeColor="Black" OnClick="LinkButton1_Click" /></p>

This code-library demonstrates how to print RadGrid without surrounding content<br />

</div>

<telerik:RadGrid ID="radGrid1" runat="server" DataSourceID="SqlDataSource1" Style="margin: 20px;"

AllowPaging="True" AllowSorting="True" AllowFilteringByColumn="True" GridLines="None">

</telerik:RadGrid>

</div>

</telerik:RadAjaxPanel>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:mobily_alexmarConnectionString %>"

SelectCommand="SELECT [EmployeeID], [EmployeeNumber], [EmployeeStatus], [EmployeeName], [EmployeeNameArabic], [FatherName], [Gender], [MeritalStatus], [DateOfBirth], [Email], [PrimaryMobile], [SecondaryMobile], [CurrentAddress] FROM [tbl_Employee]">

</asp:SqlDataSource

>







and in the code behind



 foreach (GridItem item in radGrid1.MasterTableView.GetItems(new GridItemType[] { GridItemType.Pager, GridItemType.FilteringItem }))

            item.Display = false;

  RadAjaxPanel1.ResponseScripts.Add("PrintRadGrid('" + radGrid1.ClientID + "')"); 



please tell me soon

Thanks.





Also when i use radgrid inside a fieldset the ragrid loses its scrolling property and there will b no scrolling for radgrid.

17 Answers, 1 is accepted

answered on 25 Jan 2011, 10:52 AM

RadGridPrintMaster.zip

Hello Shahid,

I have followed your scenario and prepared a sample project for you demonstrating how the desired functionality can be implemented. You can find it attached to this message.

I hope it helps.

Best wishes,
Mira
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

answered on 19 Feb 2014, 05:24 PM

Hi again,

Actually there is another way. A colleague of mine pointed out that RadGrid's Excel export supports exporting as HTML, so we can use this to generate the HTML and write it to a new window for example. In other words, when we click on the print button we change the target of the form to a new pop-up window and then we write the html generated to that window. Here's a snippet of what the print button event handler code would look like:

protected void btnPrint_Click(object sender, EventArgs e)

{

PrintHtml(RadGrid1, this.Response);

}

protected void PrintHtml(Telerik.Web.UI.RadGrid grid, HttpResponse response)

{

grid.MasterTableView.AllowPaging = false;

grid.MasterTableView.AllowSorting = false;

grid.MasterTableView.AllowFilteringByColumn = false;

grid.MasterTableView.CommandItemDisplay = GridCommandItemDisplay.None;

grid.ClientSettings.Scrolling.AllowScroll = false;

grid.Rebind();

grid.ExportSettings.ExportOnlyData = true;

grid.ExportSettings.HideStructureColumns = true;

grid.ExportSettings.Excel.Format = GridExcelExportFormat.Html;

grid.GridExporting += (s, e) =>

{

response.ContentType = "text/html";

response.Write(e.ExportOutput);

response.End();

};

grid.MasterTableView.ExportToExcel();

}

and in the markup you would need the following client side code:

<script>

$('input[type = "submit"]').click(function () {

if ($(this).attr('id') == $(<%= btnPrint.ClientID %>).attr('id')) {

window.open('Print', 'Print', 'menubar=no,height=768,width=1366,resizable=yes,toolbar=no,status=no');

$('form').attr("target", "Print")

}

else {

$('form').removeAttr("target");

}

});

</script>

Thanks for your help and hope this helps some one else out.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

how to print radgrid while using master content pages and UserControls.

17 Answers, 1 is accepted