ClientExportManager - Supported File Types


Product IDProduct NameSupplier IDCategory IDQuantity Per UnitUnit PriceUnits In StockUnits On OrderReorder LevelCategory Name
1Chai1110 boxes x 20 bags18.0039010Beverages
2Chang1124 - 12 oz bottles19.00174025Beverages
34Sasquatch Ale16124 - 12 oz bottles14.00111015Beverages
35Steeleye Stout16124 - 12 oz bottles18.0020015Beverages
38Côte de Blaye18112 - 75 cl bottles263.5017015Beverages
39Chartreuse verte181750 cc per bottle18.006905Beverages
43Ipoh Coffee20116 - 500 g tins46.00171025Beverages
67Laughing Lumberjack Lager16124 - 12 oz bottles14.0052010Beverages
70Outback Lager7124 - 355 ml bottles15.00151030Beverages
75Rhönbräu Klosterbier12124 - 0.5 l bottles7.75125025Beverages
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

The Client Export Manager control supports the following file formats: PDF, Image and SVG. You can configure the exported files through the provided PDF, Image and SVG settings properties of the control.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="ClientExportManager.Functionality.Types.DefaultCS"Language="c#"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
     <!-- Load Pako ZLIB library to enable PDF compression -->
    <script src="../../../Common/Scripts/pako.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container">
        <telerik:RadButton RenderMode="Lightweight" runat="server" OnClientClicked="exportPDF" Text="Export RadGrid to PDF" AutoPostBack="false" UseSubmitBehavior="false"></telerik:RadButton>
        <telerik:RadButton RenderMode="Lightweight" runat="server" OnClientClicked="exportImage" Text="Export RadGrid to Image" AutoPostBack="false" UseSubmitBehavior="false"></telerik:RadButton>
        <telerik:RadButton RenderMode="Lightweight" runat="server" OnClientClicked="exportSVG" Text="Export RadGrid to SVG" AutoPostBack="false" UseSubmitBehavior="false"></telerik:RadButton>
        <telerik:RadClientExportManager runat="server" ID="RadClientExportManager1">
        </telerik:RadClientExportManager>
        <br />

        <telerik:RadGrid RenderMode="Lightweight" runat="server" ID="GridView1" CssClass="MyGrid" DataSourceID="SqlDataSource1">
        </telerik:RadGrid>
        <asp:SqlDataSource runat="server" ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" SelectCommand="SELECT TOP 10 ProductID, ProductName, SupplierID, CategoryID, QuantityPerUnit, UnitPrice, UnitsInStock, UnitsOnOrder, ReorderLevel, CategoryName  FROM [Alphabetical list of products]"></asp:SqlDataSource>
    </div>
    <script>
        var $ = $telerik.$;

        function exportPDF() {
            $find('<%=RadClientExportManager1.ClientID%>').exportPDF($(".MyGrid"));
        }

        function exportImage() {
            $find('<%=RadClientExportManager1.ClientID%>').exportImage($(".MyGrid"));
        }

        function exportSVG() {
            $find('<%=RadClientExportManager1.ClientID%>').exportSVG($(".MyGrid"));
        }
    </script>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?