# Client-side Loading and Saving of Excel Develop powerful and lightweight web applications using ASP.NET MVC controls. Learn more about the ComponentOne MVC controls in ASP.NET MVC documentation. ## Content FlexSheet supports loading data in it from an Excel file or workbook provided by client. Moreover, it allows saving the data in FlexSheet to Excel file or workbook on client-side. The following code examples demonstrate how to enable client loading of excel in FlexSheet. In the below example, client loading of excel occurs on button click. [Load](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc.FlexSheet/C1.Web.Mvc.Sheet.FlexSheetHelper.Load.html) method is called when a user clicks on the button to load excel data in FlexSheet. >type=note > **Note** that FlexSheet requires **jszip.min.js** file for loading and saving of excel on the client side. Therefore, you need to add this file to your application and provide reference to it in the respective view or in \ section of **\_Layout.cshtml** file. #### In Code **ClientLoadController.cs** ```csharp public class ClientLoadController : Controller { // GET: // public ActionResult Index() { return View(); } } ``` **ClientLoad.cshtml** ```razor @using C1MvcFSheetNew.Models; @model IEnumerable

@(Html.C1().FlexSheet().CssClass("flexSheet").Id("clientLoadSheet") .SelectedSheetIndex(0).Width("500px").Height("700px").AddBoundSheet(sheet => sheet.Bind(cv => cv.Bind(Model).DisableServerRead(true))) .AddUnboundSheet("Unbound", 20, 8))

``` ### Saving FlexSheet Data to Excel File on Client-side Saving the FlexSheet data to an Excel file or workbook is also supported on the client side. This can be accomplished through **save** method. The following code examples demonstrate how to enable saving FlexSheet data to Excel file on the client side. In the below example save method is invoked on button click. #### In Code **ClientSaveController.cs** ```csharp public class ClientSaveController : Controller { // GET: // public static List SALES = Sale.GetData(50).ToList(); public ActionResult Index() { return View(SALES); } ``` **ClientSaving.cshtml** ```razor @using MVCFlexSheet.Models; @model IEnumerable

@(Html.C1().FlexSheet().CssClass("flexSheet").Id("clientSaveSheet") .SelectedSheetIndex(0).Width("500px").Height("700px").AddBoundSheet(sheet => sheet.Bind(cv => cv.Bind(Model).DisableServerRead(true))) .AddUnboundSheet("Unbound", 20, 8))

``` ## See Also [Quick Start](/componentone/docs/mvc/online-mvc/workwithcontrols/FlexSheet/FlexSheetQuickStart) **Reference** [FlexSheet Class](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc.FlexSheet/C1.Web.Mvc.Sheet.FlexSheet.html) [Sheet Class](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc.FlexSheet/C1.Web.Mvc.Sheet.Sheet.html)