New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Grid Report

  • Grid
  • Generated Report
CustomerIDContact NameCompanyCountry
 
 Page 1 of 13, items 1 to 7 of 91.
ALFKIMaria AndersAlfreds FutterkisteGermanyBerlinObere Str. 57030-0074321
ANATRAna TrujilloAna Trujillo Emparedados y heladosMexicoMéxico D.F.Avda. de la Constitución 2222(5) 555-4729
ANTONAntonio MorenoAntonio Moreno TaqueríaMexicoMéxico D.F.Mataderos 2312(5) 555-3932
AROUTThomas HardyAround the HornUKLondon120 Hanover Sq.(171) 555-7788
BERGSChristina BerglundBerglunds snabbköpSwedenLuleåBerguvsvägen 80921-12 34 65
BLAUSHanna MoosBlauer See DelikatessenGermanyMannheimForsterstr. 570621-08460
BLONPFrédérique CiteauxBlondesddsl père et filsFranceStrasbourg24, place Kléber88.60.15.31
  • NoFilter
  • Contains
  • DoesNotContain
  • StartsWith
  • EndsWith
  • EqualTo
  • NotEqualTo
  • GreaterThan
  • LessThan
  • GreaterThanOrEqualTo
  • LessThanOrEqualTo
  • Between
  • NotBetween
  • IsEmpty
  • NotIsEmpty
  • IsNull
  • NotIsNull
  • Custom

Description

The example on this page demonstrates the integration between Telerik UI for ASP.NET AJAX suite and Telerik Reporting. The purpose of the demo is to show how the data from the ASP.NET AJAX Grid is passed to a Telerik Report and displayed in a HTML5 ASP.NET WebForms Report Viewer. The demo covers the following main points:

  • The components from both suites are defined in separate WebUserControl(s) and loaded in a RadTabStrip component. The first tab shows the RadGrid, loaded and populated with sample data. The second one opens a report viewer displaying the data obtained from the Grid.
  • The RadGrid is configured with a three-level hierarchy and with enabled sorting, filtering, and paging.
  • During the ReportViewer initialization, the data is gathered from the current state of the RadGrid and passed to a report definition in JSON format. The generated report provides interactivity features like sorting and collapsing, similarly to the Grid behavior.

More about Telerik RadGrid for ASP.NET AJAX and Telerik Reporting

Related Resources

  • DefaultCS.aspx
  • GridUC_CS.ascx
    • GridUC_CS.ascx
    • ReportViewerUC_CS.ascx
  • DefaultCS.aspx.cs
<%@ Page Title="" Language="C#"  AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Reporting_GridReport_DefaultCS" %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register Src="~/Reporting/GridReport/GridUC_CS.ascx" TagPrefix="uc1" TagName="GridUC_CS" %>
<%@ Register Src="~/Reporting/GridReport/ReportViewerUC_CS.ascx" TagPrefix="uc1" TagName="ReportViewerUC_CS" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <style>
        .icon.k-icon.k-i-download:before {
            position: unset;
        }
    </style>
</head>

<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-containers">
        <div class="demo-container no-bg">
            <telerik:RadTabStrip runat="server" ID="RadTabStrip1" MultiPageID="RadMultiPage1" SelectedIndex="0"
                OnTabClick="RadTabStrip1_TabClick" AutoPostBack="true">
                <Tabs>
                    <telerik:RadTab Text="Grid" Value="0"></telerik:RadTab>
                    <telerik:RadTab Text="Generated Report" Value="1"></telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0">
                <telerik:RadPageView ID="RadPageView1" runat="server">
                    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
                        <uc1:GridUC_CS runat="server" ID="GridUC_CS" />
                    </telerik:RadAjaxPanel>
                </telerik:RadPageView>
                <telerik:RadPageView ID="RadPageView2" runat="server">
                    <uc1:ReportViewerUC_CS runat="server" ID="ReportViewerUC_CS" Visible="false" />
                </telerik:RadPageView>
            </telerik:RadMultiPage>
        </div>
    </div>

    </form>
</body>
</html>

Support & Learning Resources

Find Assistance