Getting Data From View to Controller in MVC

We can also get post-requested data by the FormCollection object. The FormCollection object also has requested data in the name/value collection as the Request object. To get data from the FormCollection object, we need to pass it is as a parameter, and it has all the input field data submitted on the form.

[HttpPost]
public ActionResult CalculateSimpleInterestResult(FormCollection form)
{
    decimal principle = Convert.ToDecimal(form["txtAmount"]);
    decimal rate = Convert.ToDecimal(form["txtRate"]);
    int time = Convert.ToInt32(form["txtYear"]);

    decimal simpleInterest = (principle * time * rate) / 100;

    StringBuilder sbInterest = new StringBuilder();
    sbInterest.Append("<b>Amount :</b> " + principle + "<br/>");
    sbInterest.Append("<b>Rate :</b> " + rate + "<br/>");
    sbInterest.Append("<b>Time(year) :</b> " + time + "<br/>");
    sbInterest.Append("<b>Interest :</b> " + simpleInterest);

    return Content(sbInterest.ToString());
}

It also gives the same output as Figure 1.3 shows.

Using the Parameters

We can pass all input field names as a parameter to the post-action method. The input field name and parameter name should be the same. These parameters have input field values that were entered by the user. So we can access view input field values from these parameters. The input field takes a string value from the user, so the parameter should be a string type. There is no need to define a parameter in any specific sequence.

[HttpPost]
public ActionResult CalculateSimpleInterestResult(string txtAmount, string txtRate, string txtYear)
{
    decimal principle = Convert.ToDecimal(txtAmount);
    decimal rate = Convert.ToDecimal(txtRate);
    int time = Convert.ToInt32(txtYear);

    decimal simpleInterest = (principle * time * rate) / 100;

    StringBuilder sbInterest = new StringBuilder();
    sbInterest.Append("<b>Amount :</b> " + principle + "<br/>");
    sbInterest.Append("<b>Rate :</b> " + rate + "<br/>");
    sbInterest.Append("<b>Time(year) :</b> " + time + "<br/>");
    sbInterest.Append("<b>Interest :</b> " + simpleInterest);

    return Content(sbInterest.ToString());
}

It also gives the same output as Figure 1.3 shows.

In all three approaches above, we are parsing the string to a non-string type. If any of the parsing attempts fail, then the entire action will fail. We are converting each value to avoid an exception but it also increases the amount of code. So we look at the fourth approach that would reduce the amount of code.

Strongly type model binding to view

We bind a model to the view; that is called strongly type model binding.

Step 1. Create a Model for Simple Interest

namespace CalculateSimpleInterest.Models
{
    public class SimpleInterestModel
    {
        public decimal Amount { get; set; }
        public decimal Rate { get; set; }
        public int Year { get; set; }
    }
}

Step 2. Create an action method that renders a view of the UI

We are passing an empty model to be bound to the view.

public ActionResult SimpleInterest()
{
    SimpleInterestModel model = new SimpleInterestModel();
    return View(model);
}

Step 3.

Create a strongly typed view that has the same screen as in Figure 1.1

@model CalculateSimpleInterest.Models.SimpleInterestModel

@{
    ViewBag.Title = "SimpleInterest";
}

<h2>Calculate Simple Interest</h2>

@using (Ajax.BeginForm("CalculateSimpleInterestResult", "CalculateSimpleInterest", new AjaxOptions { UpdateTargetId = "pInterestDeatils" }))
{
    <fieldset>
        <legend>Calculate Simple Interest</legend>
        <p id="pInterestDeatils"></p>

        <div class="editor-label">
            @Html.LabelFor(model => model.Amount)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Amount)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Rate)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Rate)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Year)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Year)
        </div>

        <p>
            <input type="submit" value="Calculate" />
        </p>
    </fieldset>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

Step 4. Create an action method that handles the POST request and processes the data

In the action method, we pass a model as the parameter. That model has UI input field data. Here we do not need to parse and do not need to write extra code.

[HttpPost]
public ActionResult CalculateSimpleInterestResult(SimpleInterestModel model)
{
    decimal simpleInterest = (model.Amount * model.Year * model.Rate) / 100;

    StringBuilder sbInterest = new StringBuilder();
    sbInterest.Append("<b>Amount :</b> " + model.Amount + "<br/>");
    sbInterest.Append("<b>Rate :</b> " + model.Rate + "<br/>");
    sbInterest.Append("<b>Time(year) :</b> " + model.Year + "<br/>");
    sbInterest.Append("<b>Interest :</b> " + simpleInterest);

    return Content(sbInterest.ToString());
}

It also gives the same output as Figure 1.3 shows.