Introduction
This article shows how to use a RadioButtonFor helper in MVC applications.
Create an ASP.Net Web Application as in Figure 1.
Figure 1: Web Application
Choose MVC template as in Figure 2.
Figure 2: MVC template
Add an Employee Controller as in Figures 3, 4 and 5.
Figure 3: Add Controller
Figure 4: MVC controller - empty
Figure 5: EmployeeController
EmployeeController.cs
- using RadioButtonForApp_MVC.Models;
- using System;
- using System.Collections.Generic;
- using System.Linq;
- using System.Web;
- using System.Web.Mvc;
-
- namespace RadioButtonForApp_MVC.Controllers
- {
- public class EmployeeController : Controller
- {
-
-
- public ActionResult Index()
- {
- Employee emp = new Employee();
- return View(emp);
- }
- }
- }
Create an Employee Class as in Figure 6.
Figure 6: Add ADO.NET Entity Framework
Employee.cs
- using System;
- using System.Collections.Generic;
- using System.Linq;
- using System.Web;
-
- namespace RadioButtonForApp_MVC.Models
- {
- public class Employee
- {
- public string SelectedDepartments { get; set; }
- public List<Department> Departments
- {
- get
- {
- EmployeeEntities db = new EmployeeEntities();
- return db.Departments.ToList();
- }
- }
- }
- }
Set up Entity Framework as in Figures 7 and 8.
Figure 7: Add ADO.NET Entity Framework
Figure 8: Connection Setting
Add the View as in Figures 9 and 10.
Figure 9: Add View
Figure 10: Index view
Index.cshtml
- @model RadioButtonForApp_MVC.Models.Employee
-
- @{
- ViewBag.Title = "Index";
- }
-
- <h2>Index</h2>
-
- @foreach (var department in Model.Departments)
- {
- @Html.RadioButtonFor(p => p.SelectedDepartments, department.DeptId)@department.DepartmentName
- }
The output of the application is as shown in the following.
Figure 11: Index
Summary
In this article we saw how to use a RadioButtonFor helper in MVC applications.
Happy coding!