Articles → ASP .NET MVC → Model In Asp.Net MVC

Model In Asp.Net MVC

In this article, we will discuss model in asp.net MVC.

Purpose

Model is a class that contains data and business logic.

Example

Let us work on one example in which I will create a model and bind it with the view. These are the steps being followed

Create a model class
Create a property and a method inside the model class.
Create a strongly type view.
Call the method created in the model.
Bind data with a textbox.

Let us work on each step.

Create A Model Class

First of all, create a class without any method and property (see the code below)

public class TestModel {

}

Create A Property And A Method Inside The Model Class

Step number 2 is to add property and method inside the ‘TestModel’ class. For the sake of this example, I am adding one property and one method. See the code below

public class TestModel {
  public string TestProperty {
    get;
    set;
  }

  public string GetSomething() {
    return "Test";
  }
}

In the above code, there is one property ‘TestProperty’ and a method ‘GetSomething’ that is returning a hard coded string.

Create A Strongly Type View

Create a strongly type view with ‘TestModel’ as the model class for the view.

Picture showing creating a strongly type view

Click to Enlarge

I have added this view in the View/Home folder. Next step is to add a method in homecontroller.

public ActionResult Test() {

  ViewBag.Message = "Your app description page.";

  return View();
}

Call The Method Created In The Model

In the last step, I have created a method ‘Test’ in ‘HomeController’. Now let us call the method ‘GetSomething’ inside ‘Test’. So method definition is changed to

public ActionResult Test() {
  TestModel model = new TestModel();
  model.TestProperty = model.GetSomething();

  ViewBag.Message = "Your app description page.";

  return View(model);
}

Bind Data With A Textbox

Add a textbox in the view

@model MvcApplication1.Models.TestModel

@{
    ViewBag.Title = "Test";
}

@Html.TextBoxFor(x => x.TestProperty)

Now run the application (go to the following URL - http://localhost:1549/Home/Test). You will get following output

Picture showing the output of Model in asp.net MVC

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Sunday, January 1, 2017

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**