Available in the Full Version

ASP.NET MVC Excel Library - Overview

The Infragistics® Excel Engine provides a Microsoft® .NET API for creating Microsoft Excel® documents.
Export Options
Export Type
Export Format
Show
records
Order IDContact NameShipping AddressOrder Date
10248Paul Henriot59 rue de l'Abbaye7/4/1996
10249Karin JosephsLuisenstr. 487/5/1996
10250Mario PontesRua do Paço, 677/8/1996
10251Mary Saveley2, rue du Commerce7/8/1996
10252Pascale CartrainBoulevard Tirou, 2557/9/1996
10253Mario PontesRua do Paço, 677/10/1996
10254Yang WangHauptstr. 317/11/1996
10255Michael HolzStarenweg 57/12/1996
10256Paula ParenteRua do Mercado, 127/15/1996
10257Carlos HernándezCarrera 22 con Ave. Carlos Soublette #8-357/16/1996
10258Roland MendelKirchgasse 67/17/1996
10259Francisco ChangSierras de Granada 99937/18/1996
10260Henriette PfalzheimMehrheimerstr. 3697/19/1996
10261Bernardo BatistaRua da Panificadora, 127/19/1996
10262Paula Wilson2817 Milton Dr.7/22/1996
10263Roland MendelKirchgasse 67/23/1996
10264Maria LarssonÅkergatan 247/24/1996
10265Frédérique Citeaux24, place Kléber7/25/1996
10266Pirkko KoskitaloTorikatu 387/26/1996
10267Peter FrankenBerliner Platz 437/29/1996
10268Manuel Pereira5ª Ave. Los Palos Grandes7/30/1996
10269Karl Jablonski1029 - 12th Ave. S.7/31/1996
10270Pirkko KoskitaloTorikatu 388/1/1996
10271Art BraunschweigerP.O. Box 5558/1/1996
10272Paula Wilson2817 Milton Dr.8/2/1996

This sample is designed for a larger screen size.

On mobile, try rotating your screen, view full size, or email to another device.

You can use this assembly in .NET applications to generate grid data in this document format.

Code View

Copy to Clipboard
@using Infragistics.Web.Mvc
@using IgniteUI.SamplesBrowser.Models
@model IQueryable<IgniteUI.SamplesBrowser.Models.Northwind.Order>
<!DOCTYPE html>

<html>
<head>
    <title></title>

    <!-- Ignite UI for jQuery Required Combined CSS Files -->
    <link href="http://cdn-na.infragistics.com/igniteui/2024.2/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
    <link href="http://cdn-na.infragistics.com/igniteui/2024.2/latest/css/structure/infragistics.css" rel="stylesheet" />

    <script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.8.3.js"></script>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>

    <!-- Ignite UI for jQuery Required Combined JavaScript Files -->
    <script src="http://cdn-na.infragistics.com/igniteui/2024.2/latest/js/infragistics.core.js"></script>
    <script src="http://cdn-na.infragistics.com/igniteui/2024.2/latest/js/infragistics.lob.js"></script>

    <style type="text/css">
        .export-excel-sample fieldset {
            margin: 5px;
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid #CCCCCC;
        }

            .export-excel-sample fieldset label {
                display: block;
                margin-bottom: 3px;
            }

            .export-excel-sample fieldset input {
                margin-bottom: 5px;
                float: left;
                clear: left;
            }

            .export-excel-sample fieldset label {
                float: left;
                width: 160px;
                padding-top: 2px;
            }

            .export-excel-sample fieldset fieldset {
                display: inline-block;
                vertical-align: middle;
                width: auto;
            }

        #grid1_container {
            margin: 15px auto;
        }

        .export-excel-sample .button-container {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            height: auto;
        }
    </style>
</head>
<body>
    @using(Html.BeginForm())
    {

        <div class="export-excel-sample">
            <fieldset>
                <legend>Export Options</legend>
                <fieldset>
                    <legend>Export Type</legend>
                    <input type="radio" name="exportType" id="currentPage" value="false" checked="checked" />
                    <label for="currentPage">Current Page</label>
                    <input type="radio" name="exportType" id="allPages" value="true" />
                    <label for="allPages">All Pages</label>
                </fieldset>
                <fieldset>
                    <legend>Export Format</legend>
                    <input type="radio" name="exportFormat" id="Excel2007" value="true" checked="checked" />
                    <label for="Excel2007">Excel 2007 Format</label>
                    <input type="radio" name="exportFormat" id="Excel97-03" value="false" />
                    <label for="Excel97-03">Excel 97 2003 Format</label>
                </fieldset>
                <div class="button-container">
                    <input id="btnSubmit" type="submit" value="Export Button" />
                </div>
            </fieldset>
        </div>

        <script type="text/javascript">
            $(function () {
                var grid = $("#grid1"),
                    pageSize = $("#pageSize"),
                    pageNumber = $("#pageNumber");

                pageNumber.val(0);
                pageSize.val(0);

                grid.on("iggridrendered", function (e, ui) {
                    pageSize.val(grid.igGridPaging("option", "pageSize"));
                    pageNumber.val(grid.igGridPaging("option", "currentPageIndex"));
                });

                grid.on("iggridpagingpageindexchanged", function (e, ui) {
                    pageNumber.val(ui.pageIndex);
                });

                grid.on("iggridpagingpagesizechanged", function (e, ui) {
                    pageSize.val(ui.pageSize);
                    pageNumber.val(0);
                });
            });
        </script>

        @(Html.Infragistics().Grid(Model).ID("grid1")
        .PrimaryKey("OrderID")
        .AutoGenerateColumns(false)
        .Columns(column =>
        {
            column.For(x => x.OrderID).HeaderText("Order ID").DataType("number");
            column.For(x => x.ContactName).HeaderText("Contact Name");
            column.For(x => x.ShipAddress).HeaderText("Shipping Address");
            column.For(x => x.OrderDate).HeaderText("Order Date");
        }).Features(features =>
        {
            features.Paging();
        }).Height("500").Width("100%").DataSourceUrl(Url.Action("PagingGetData")).DataBind().Render())

        <input type="hidden" name="pageSize" id="pageSize" value="" />
        <input type="hidden" name="pageNumber" id="pageNumber" value="" />
    }
</body>
</html>