Added ExportTable Implementation

Author: DavidSuescunPelegay

src/jQueryDatatableServerSideNetCore/Controllers/TestRegistersController.cs

@@ -1,23 +1,27 @@
 using jQueryDatatableServerSideNetCore.Data;
+using jQueryDatatableServerSideNetCore.Extensions;
 using jQueryDatatableServerSideNetCore.Models.AuxiliaryModels;
+using jQueryDatatableServerSideNetCore.Models.DatabaseModels;
+using jQueryDatatableServerSideNetCore.Services;
 using Microsoft.AspNetCore.Mvc;
+using Microsoft.EntityFrameworkCore;
+using Newtonsoft.Json;
+using RandomGen;
 using System;
 using System.Linq;
 using System.Threading.Tasks;
-using jQueryDatatableServerSideNetCore.Extensions;
-using jQueryDatatableServerSideNetCore.Models.DatabaseModels;
-using Microsoft.EntityFrameworkCore;
-using RandomGen;
 
 namespace jQueryDatatableServerSideNetCore.Controllers
 {
     public class TestRegistersController : Controller
     {
         private readonly ApplicationDbContext _context;
+        private readonly IExportService _exportService;
 
-        public TestRegistersController(ApplicationDbContext context)
+        public TestRegistersController(ApplicationDbContext context, IExportService exportService)
         {
             _context = context;
+            _exportService = exportService;
         }
 
         // GET: TestRegisters
@@ -29,7 +33,7 @@ public async Task<IActionResult> Index()
         }
 
         [HttpPost]
-        public async Task<IActionResult> LoadTable([FromBody]DtParameters dtParameters)
+        public async Task<IActionResult> LoadTable([FromBody] DtParameters dtParameters)
         {
             var searchBy = dtParameters.Search?.Value;
 
@@ -76,6 +80,64 @@ public async Task<IActionResult> LoadTable([FromBody]DtParameters dtParameters)
             });
         }
 
+        [HttpPost]
+        public async Task<IActionResult> ExportTable([FromQuery] string format)
+        {
+            var rawDtParametersData = HttpContext.Request.Form["dtParameters"];
+
+            var dtParameters = new DtParameters();
+            if (!string.IsNullOrEmpty(rawDtParametersData))
+            {
+                dtParameters = JsonConvert.DeserializeObject<DtParameters>(rawDtParametersData);
+            }
+
+            var searchBy = dtParameters.Search?.Value;
+
+            // if we have an empty search then just order the results by Id ascending
+            var orderCriteria = "Id";
+            var orderAscendingDirection = true;
+
+            if (dtParameters.Order != null)
+            {
+                // in this example we just default sort on the 1st column
+                orderCriteria = dtParameters.Columns[dtParameters.Order[0].Column].Data;
+                orderAscendingDirection = dtParameters.Order[0].Dir.ToString().ToLower() == "asc";
+            }
+
+            var result = _context.TestRegisters.AsQueryable();
+
+            if (!string.IsNullOrEmpty(searchBy))
+            {
+                result = result.Where(r => r.Name != null && r.Name.ToUpper().Contains(searchBy.ToUpper()) ||
+                                           r.FirstSurname != null && r.FirstSurname.ToUpper().Contains(searchBy.ToUpper()) ||
+                                           r.SecondSurname != null && r.SecondSurname.ToUpper().Contains(searchBy.ToUpper()) ||
+                                           r.Street != null && r.Street.ToUpper().Contains(searchBy.ToUpper()) ||
+                                           r.Phone != null && r.Phone.ToUpper().Contains(searchBy.ToUpper()) ||
+                                           r.ZipCode != null && r.ZipCode.ToUpper().Contains(searchBy.ToUpper()) ||
+                                           r.Country != null && r.Country.ToUpper().Contains(searchBy.ToUpper()) ||
+                                           r.Notes != null && r.Notes.ToUpper().Contains(searchBy.ToUpper()));
+            }
+
+            result = orderAscendingDirection ? result.OrderByDynamic(orderCriteria, DtOrderDir.Asc) : result.OrderByDynamic(orderCriteria, DtOrderDir.Desc);
+
+            var resultList = await result.ToListAsync();
+
+            byte[] dataByteArray;
+
+            switch (format)
+            {
+                case ExportFormat.Excel:
+                    dataByteArray = await _exportService.ExportToExcel(resultList);
+
+                    return File(
+                        dataByteArray,
+                        "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+                        "data.xlsx");
+            }
+
+            return null;
+        }
+
         public async Task SeedData()
         {
             if (!_context.TestRegisters.Any())

src/jQueryDatatableServerSideNetCore/Views/TestRegisters/Index.cshtml

@@ -5,6 +5,9 @@
     Layout = "~/Views/Shared/_Layout.cshtml";
 }
 
+<form id="export-to-file-form" method="POST" enctype="application/x-www-form-urlencoded">
+</form>
+
 <div class="row">
     <div class="col-md-12">
         <table id="test-registers" class="table">

src/jQueryDatatableServerSideNetCore/jQueryDatatableServerSideNetCore.csproj

@@ -7,6 +7,7 @@
 
 
   <ItemGroup>
+    <PackageReference Include="EPPlus" Version="5.8.0" />
     <PackageReference Include="Microsoft.AspNetCore.Diagnostics.EntityFrameworkCore" Version="3.1.6" />
     <PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="3.1.6" />
     <PackageReference Include="Microsoft.AspNetCore.Identity.UI" Version="3.1.6" />

src/jQueryDatatableServerSideNetCore/wwwroot/js/app.js

@@ -13,6 +13,16 @@ $(document).ready(function () {
         serverSide: true,
         // Paging Setups
         paging: true,
+        // Custom Export Buttons
+        dom: 'Bfrtip',
+        buttons: [
+            {
+                text: 'Excel',
+                action: function () {
+                    exportToExcel();
+                }
+            }
+        ],
         // Searching Setups
         searching: { regex: true },
         // Ajax Filter
@@ -89,4 +99,24 @@ function edit(rowContext) {
         var data = table.row($(rowContext).parents("tr")).data();
         alert("Example showing row edit with id: " + data["id"] + ", name: " + data["name"]);
     }
+}
+
+function renderDownloadForm(format) {
+    $('#export-to-file-form').attr('action', '/TestRegisters/ExportTable?format=' + format);
+
+    // Get jQuery DataTables AJAX params
+    var datatableParams = $('#test-registers').DataTable().ajax.params();
+
+    var searchModelInput = $("<input>")
+        .attr("type", "hidden")
+        .attr("name", "dtParameters")
+        .val(datatableParams);
+
+    $('#export-to-file-form').append(searchModelInput);
+}
+
+function exportToExcel() {
+    renderDownloadForm("excel");
+
+    $("#export-to-file-form").submit();
 }