896657: Added the sample for the save as blob data.

Author: Babusf3928

ej2-asp-core-mvc/code-snippet/spreadsheet/save-as-blob/razor

@@ -0,0 +1,22 @@
+@Html.EJS().Spreadsheet("spreadsheet").OpenUrl("Open").SaveUrl("Save").BeforeSave("beforeSave").SaveComplete("saveComplete").Sheets(sheet => {
+    sheet.Name("Price Details").Ranges(ranges => {
+        ranges.DataSource((IEnumerable<object>)ViewBag.DefaultData).StartCell("A1").Add();
+    }).Columns(column => {
+        column.Width(130).Add();
+        column.Width(100).Add();
+        column.Width(100).Add();
+    }).Add();
+}).Render()
+
+<script>
+    function beforeSave(args) {
+        args.needBlobData = true; // To trigger the saveComplete event.
+        args.isFullPost = false; // Get the spreadsheet data as blob data in the saveComplete event.
+    }
+
+    function saveComplete(args) {
+        // To obtain the blob data
+        console.log('Spreadsheet BlobData : ', args.blobData);
+    }
+
+</script>

ej2-asp-core-mvc/code-snippet/spreadsheet/save-as-blob/savecontroller.cs

@@ -0,0 +1,31 @@
+public IActionResult Open(IFormCollection openRequest)
+{
+    OpenRequest open = new OpenRequest();
+    open.File = openRequest.Files[0];
+    return Content(Workbook.Open(open));
+}
+
+public void Save(SaveSettings saveSettings)
+{
+    Workbook.Save(saveSettings);
+}
+
+public IActionResult Index()
+        {
+            List<object> defaultData = new List<object>()
+            {
+                new { Item Name= "Casual Shoes", Date= "02/14/2014", Time= "11:34:32 AM", Quantity= "10", Price= "20", Amount= "200", Discount= "1", Profit= "10" },
+                new { Item Name= "Sports Shoes", Date= "06/11/2014", Time= "05:56:32 AM", Quantity= "20", Price= "30", Amount= "600", Discount= "5", Profit= "50" },
+                new { Item Name= "Formal Shoes", Date= "07/27/2014", Time= "03:32:44 AM", Quantity= "20", Price= "15", Amount= "300", Discount= "7", Profit= "27" },
+                new { Item Name= "Sandals & Floaters", Date= "11/21/2014", Time= "06:23:54 AM", Quantity= "15", Price= "20", Amount= "300", Discount= "11", Profit= "67" },
+                new { Item Name= "Flip- Flops & Slippers", Date= "06/23/2014", Time= "12:43:59 AM", Quantity= "30", Price= "10", Amount= "300", Discount= "10", Profit= "70" },
+                new { Item Name= "Sneakers", Date= "07/22/2014", Time= "10:55:53 AM", Quantity= "40", Price= "20", Amount= "800", Discount= "13", Profit= "66" },
+                new { Item Name= "Running Shoes", Date= "02/04/2014", Time= "03:44:34 AM", Quantity= "20", Price= "10", Amount= "200", Discount= "3", Profit= "14" },
+                new { Item Name= "Loafers", Date= "11/30/2014", Time= "03:12:52 AM", Quantity= "31", Price= "10", Amount= "310", Discount= "6", Profit= "29" },
+                new { Item Name= "Cricket Shoes", Date= "07/09/2014", Time= "11:32:14 AM", Quantity= "41", Price= "30", Amount= "1210", Discount= "12", Profit= "166" },
+                new { Item Name= "T-Shirts", Date= "10/31/2014", Time= "12:01:44 AM", Quantity= "50", Price= "10", Amount= "500", Discount= "9", Profit= "55" }
+            };
+            ViewBag.DefaultData = defaultData;
+            return View();
+
+        }

ej2-asp-core-mvc/code-snippet/spreadsheet/save-as-blob/tagHelper

@@ -0,0 +1,27 @@
+<ejs-spreadsheet id="spreadsheet" beforeSave="beforeSave" saveComplete="saveComplete" openUrl="Home/Open" saveUrl="Home/Save">
+            <e-spreadsheet-sheets>
+                <e-spreadsheet-sheet name="Price Details">
+                    <e-spreadsheet-ranges>
+                        <e-spreadsheet-range dataSource="ViewBag.DefaultData" startCell="A1"></e-spreadsheet-range>
+                    </e-spreadsheet-ranges>
+					<e-spreadsheet-columns>
+						<e-spreadsheet-column width="130"></e-spreadsheet-column>
+						<e-spreadsheet-column width="100"></e-spreadsheet-column>
+						<e-spreadsheet-column width="100"></e-spreadsheet-column>
+					</e-spreadsheet-columns>
+                </e-spreadsheet-sheet>
+            </e-spreadsheet-sheets>
+</ejs-spreadsheet>
+
+<script>
+    function beforeSave(args) {
+        args.needBlobData = true; // To trigger the saveComplete event.
+        args.isFullPost = false; // Get the spreadsheet data as blob data in the saveComplete event.
+    }
+
+    function saveComplete(args) {
+        // To obtain the blob data
+        console.log('Spreadsheet BlobData : ', args.blobData);
+    }
+
+</script>

ej2-asp-core-mvc/spreadsheet/open-save.md

@@ -504,6 +504,29 @@ By default, the Spreadsheet control saves the Excel file and downloads it to the
 
 Please find below the code to retrieve blob data from the Spreadsheet control below.
 
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/spreadsheet/save-as-blob/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="SaveController.cs" %}
+{% include code-snippet/spreadsheet/save-as-blob/savecontroller.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/spreadsheet/save-as-blob/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="SaveController.cs" %}
+{% include code-snippet/spreadsheet/save-as-blob/savecontroller.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
 ### Supported file formats
 
 The following list of Excel file formats are supported in Spreadsheet: