Export to Excel in asp.net MVC

In a scenario comes on asp.net MVC application comes where user need to export in excel , csv, xml file by asp.net MVC application as tabular data.

So on export button form will be submitted and execute controller’s POST Method.

So in POST method load all data and export in excel with below code, Also if any filter applied then that filter parameter need pass as parameter in post method and execute data based on that filter to before export in excel.

public ActionResult ExportData()
            var employeeDetail = from e in DB.employees.AsEnumerable()
                         select new

            System.Web.UI.WebControls.GridView gridvw = new System.Web.UI.WebControls.GridView();
            gridvw.DataSource = employeeDetail.ToList().Take(7); //bind the datatable to the gridview
            Response.AddHeader("content-disposition", "attachment;filename=employeeDetail.xls");
            Response.ContentType = "application/excel";
            StringWriter swr = new StringWriter();
            HtmlTextWriter tw = new HtmlTextWriter(swr);

            return View("About", employeeDetail);

Please post a comment if you have any more questions.

Amit Patel
“Enjoy Programming”

Bind cascading dropdown by ajax/json in MVC application

An Asp.net MVC developer can use this code to bind cascading drop down by ajax/json . Let’s say we have country drop down. When user selects country, states of selected country will be filled by json. (See below image)

Dropdown fill by json

First dropdown bind by retaining view bag by controller and for second drop down we can use JavaScript/Jquery to fill value based on selected country.

Below code used on cshtml page:

<div class="editor-label">
                @Html.LabelFor(m => m.Country)
            <div class="editor-field">
              @Html.DropDownListFor(model => model.Country, new SelectList(Model.Country, "Value", "Text"), "Select Contry", new { onchange = "CountryChange()" })                                                                                                                   

            <div class="editor-label">
                @Html.LabelFor(m => m.State)
            <div class="editor-field">
                @Html.DropDownList("state","Select State")

We have used “CountryChange()” javascript function to fetch and fill data in state dropdown based on country change. Below is the JavaScript function implementation.

<script language="JavaScript" type="text/JavaScript">
    function CountryChange () {
        var url = '@Url.Content("~/Account/GetState")';

        var ddlsource = "#Country";
        var ddltarget = "#State";

        if ($(ddlsource).val() != "") {
            $.ajaxSetup({ cache: false });
            $.getJSON(url, { Sel_Country: $(ddlsource).val() }, function (data) {


                $("#State").append("<option  value=''>Select State</option>");

                $.each(data, function (index, optionData) {
                    $("#State").append("<option value='" + optionData.Value + "'>" + optionData.Text + "</option>");
        else {
            $("#State").append("<option value=''>Select State</option>");

Here json url specified “~/Account/GetState” is method “GetState” available in “Account” controller to retrieve data and pass data in json format.

public JsonResult GetState (string Sel_Country)

            CountryService db = new CountryService ();
            JsonResult result = new JsonResult();
            var vStateList = db.GetStateList(Convert.ToInt64(Sel_Country));
            result.Data = vStateList.ToList();
            result.JsonRequestBehavior = JsonRequestBehavior.AllowGet;
            return result;

Based on this approach developer can fill dropdown or fetch any kind of server side data and fill in the page by Jquery without postback.

Feel free to write your questions in comments.

Enjoy Programming!!
Amit Patel

In MVC controller returns rendered html

In MVC development sometime developers need to get rendered html code from controller’s action method. In my one of the requirement I am updating page’s specific portion by java script by json method, so I am updating returned html in related tag by jquery.

Below are the code and description of the solution.

In Below action method is about for refresh page’s section and return new updated HTML.

public JsonResult RefreshPage(string SectionID)
   JsonResult result = new JsonResult();
   // My bussiness logic to get data
   string StrReturn = RenderViewToString("HomePage", oTS.Data, this.ControllerContext);
   result.Data = StrReturn.ToString();
   result.JsonRequestBehavior = JsonRequestBehavior.AllowGet;
   return result;

In this method We have used RenderViewToString method to get rendered html, here “HomePage” is my partial view for this which is actual bind oTS.Data data and generate html.

Below is the method for RenderViewToString

public string RenderViewToString(string viewPath, object model, ControllerContext context)
       var viewEngineResult = ViewEngines.Engines.FindPartialView(context, viewPath);
       var view = viewEngineResult.View;
       context.Controller.ViewData.Model = model;
       string result = String.Empty;
       using (var sw = new StringWriter())
           var ctx = new ViewContext(context, view,
           view.Render(ctx, sw);
           result = sw.ToString();
       return result;

So in this way we can return html. and that html will be used by below jquery method by json.

 function RefreshPage() {
        var hiddenID = $('#hdTDetailsID').val();
        var url = '@Url.Content("~/page/RefreshPage")';
                cache: false
             Sel_TDetailID: hiddenID
        function (data) {

In this way we can refresh page’s any of the portion’s data by jquery in MVC. There are other various ways to do it but when you append some data in current data then this approach is useful.

Feel free to write me in case of any question or need more details on this.

Amit Patel
“Enjoy Programming”

Redirection by AJAX request in MVC application.

This article is basically for MVC developer whom is using AJAX in their application.

In my application I have created common login control (partial view) that I have used in various places but when I was submitting the form that is redirecting to different URL based on loaded controller so where I need to write login logic in common place. So to resolve this I have used AJAX so that form is on same place always use only one action method. I have used on div for updatedtargedid to update on each request.

But in this case, I am also facing an issue when I am redirecting to another page (after success login) that is open all redirected page in my login div (mean targeted id). So I need to resolve it, if any validation error and control back to login then thing is working fine because control is loaded in updatedtarged id.

This article is basically covers below three scenarios/problems

  • AJAX in MVC
  • How to update current div or form
  • Redirection by AJAX request in MVC application.

Below are the my code for this.

<div id="loginControl">
@using (Ajax.BeginForm("Login", new AjaxOptions { UpdateTargetId = "loginControl", InsertionMode=InsertionMode.Replace }))
        <div class="login_pannel">
            @if (Html.ValidationSummary(true) != null && Html.ValidationSummary(true).ToString() != string.Empty)
                @Html.ValidationMessage("", new { @class = "reqtext" })            
Your User ID
            <br />
            @Html.TextBoxFor(m => m.UserName, new { @class = "login_box" })
            <br />
            @Html.ValidationMessageFor(m => m.UserName, null, new { @class = "reqtext" })<br />
Your Password
            <br />
            @Html.PasswordFor(m => m.Password, new { @class = "login_box" })
           <br />
            @Html.ValidationMessageFor(m => m.Password, null, new { @class = "reqtext" })
<input name="login" type="submit" value="Login" class="button" />

In this above code I have used Ajax.BeginForm so that will be responsible set ajax request to the controller’s post method. And Once response back that will update only “loginControl” id, Which is specified as Div id. (you can see in code).

Once you submit form that will executes controllers login action method.

public ActionResult Login(LogOn Model)
            if (ModelState.IsValid)
			LogOnservices dbLoginService = new LogOnservices();
                Users LogedInUser = dbLoginService.LogOn(Model);

                    if (LogedInUser != null && LogedInUser.Status == Convert.ToInt32(CommonEnums.UserStatus.Inactive))
                        ModelState.AddModelError("", “In Active User”);
                          string returnUrl = Url.Action("Index", "MyAccount");
                    		ViewBag.returnUrl = returnUrl;
                    			return PartialView("_Login", model);

            return PartialView("_Login", Model);

So if any error then return “_login” view by partialView. And replace div id with returned div.
Here I have faced one problem is that when I am returning to current div then that is overlapping on another div mean each time that is rendered another div so that results changed UI or give JavaScript errors.

So I have added this property in Ajax form to resolve this issue :


Now I am facing one another problem is that when user succesfull login and redirecting to another page then also system open new window in targeted div id rather than in full page.

Previously I have added code like below. That is redirect but open page in targeted id, with very strange UI.

return RedirectToAction("Index", " MyAccount");

This is because of returned partial view is loading in targeted div id due to AJAX Request.

So This need to handle in JavaScript. So I have created one ViewBag with return url and if that has some value then javascript is redirecting to provided url.
Below are the code is helpful to me to resolve this issue.

Created Viewbag :

string returnUrl = Url.Action("Index", "CDashBoard");
                    		ViewBag.returnUrl = returnUrl;
                    			return PartialView("_Login", model);

Redirection by Javascript:

<script language="javascript">

    function Redirect() {
        var returnUrl = "@ViewBag.returnUrl";
        if (returnUrl) {
            window.location.href = returnUrl;

So With this code now my redirection and login control is works fine in all senario with code/ui reusablities.

Amit Patel
"Enjoy Programming"

Add any customize text in crystal reports by .net code

In my requirement I have to show few search parameter in crystal reports which is passed from aspx page.
And that is not hard coded fixed because I have 10-15 parameters and I want to place it dynamically if whatever parameter’s value available that only needs to be attach in reports.

So I have implemented this by below approaches.
In Crystal reports rpt file I have take one default fields with “SearchTextRight” and “SearchTextLeft” to display value left and right side corner.

This both fields “CanGrouw” property set as “True” and attach each of the search parameter by “\n” so automatically new line added and text object’s height will increased.
Below are the code we have used for that.

 ReportClass rptH = GenerateReportClasss(Server.MapPath("~/Reports/GetReortData.rpt"));
            /// Attach serarch fields

            SearchDraw oSearchDrow = AttachCustomerHours(collection);
            if (oSearchDrow.SearchingStringLeft != string.Empty)
                TextObject SeachTextLeft = (TextObject)rptH.ReportDefinition.ReportObjects["SearchTextLeft"];
                SeachTextLeft.Text = oSearchDrow.SearchingStringLeft;
            if (oSearchDrow.SearchingStringRight != string.Empty)
                TextObject SeachTextRight = (TextObject)rptH.ReportDefinition.ReportObjects["SearchTextRight"];
                SeachTextRight.Text = oSearchDrow.SearchingStringRight;


Now all text will attached in reports’ PDF or excel file.

Let me know for more details

Amit Patel
“Enjoy Programming”

URL Encryption in MVC Application

In any web application there are always security related problem occurs when user
change something in URL’s value.

Like in URL sending passing any id in navigation from one page to other page to
display relevant data or perform any of the operation.

When passing any sensitive data from navigation then it may problem occurs when use
can change it and hake any of the data.

So better option is store this value in session but every time this is not
possible or good solution to store in session.

So in this article I am taking about URL encryption and decryption with any of the

So we have created below methods for URL encryption and decryption in one the common

public static string URLEncrypt(string toEncrypt)
            string strEncoded = Security.EncryptURL(toEncrypt, true);
            return strEncoded;
        public static string URLDecrypt(string toDecrypt)
            string strDecoded = toDecrypt;
            strDecoded = Security.EncryptURL(strDecoded, true);
            return strDecoded;

Here I am using Encryption methods by triple tipple cryptography algorithm.
Below are then complete details of this


now we have to pass each id with encrypted format, as below given code. This code needs to apply on all available view where we are passing in data id.

        string EncryptID = "";
        EncryptID = Security.URLEncrypt(item.ID.ToString());
   @Html.ActionLink("Edit", "Edit", new { id= EncryptID }) |
   @Html.ActionLink("Details", "Details", new { id= EncryptID }) |
   @Html.ActionLink("Delete", "Delete", new { id= EncryptID })

And this passed ID need to decrypt in controller before use in actual logic.

public ActionResult Edit(string id)
	long intid = Convert.ToInt64(Security.URLDecrypt(id));

            Language language = db.Language.Find(intid);
            return View(language);

That above decryption need to apply all available methods where we have encrypted passed id.

So In this way you ULR will be secured with pass any kind of data in encryption format.

Amit Patel
“Enjoy Programming”

Crystal Reports in MVC

Below are the code for implement crystal reports in MVC with support of export to PDF and Excel format.

MVC rajor/aspx pages is not supporting report viewer so that is not possible to place report viewer where user can see reports and export that in required format.
So in MVC we have directly deal with report class and generate PDF/Excel and sent to client with browsers functionality view and download.

View: In view required all search parameter and with Generate report button (PDF/Excel)

Contollor : based on provided search parameter fetch data and bind with crystal reports class and generate PDF/excel and sent to client’s browser for download.

Below the are the code for controller to generate and send file to client’s browser.

ReportsServices dbReportsServices = new ReportsServices();
ReportClass reortptH = new ReportClass();
            reortptH.FileName = Server.MapPath("~/Reports/ReportData.rpt");


DataSet Ds = dbReportsServices.FetchData("GetData"); // exectures store procedure to retrieve data


bool IsPDF = Convert.ToBoolean(collection.Get("IsPDF")); // In view add two button for export to PDF and excel and that will returs value on that way.

            if (IsPDF)
                System.IO.Stream stream = rptH.ExportToStream(CrystalDecisions.Shared.ExportFormatType.PortableDocFormat);
                return File(stream, "application/pdf", "ReportData.pdf");
                System.IO.Stream stream = rptH.ExportToStream(CrystalDecisions.Shared.ExportFormatType.Excel);
                return File(stream, "application/xls", "ReportData.xls");

Post your comments if you have questions/comments.

Amit Patel
“Enjoy Programming”


Get every new post delivered to your Inbox.

Join 244 other followers