Method To Implement ListBox in Asp.Net MVC ?

Question

Microsoft developed ASP.NET MVC as a web application framework which implements the model–view–controller or more popularly known as MVC pattern. So what is the method to implement ListBox in ASP.NET MVC?

Ankit Sharma · Answer

Hi Please visit below links to understand how to implement listbox using MVC https://www.youtube.com/watch?v=pZSP8tTAK1w https://www.aspsnippets.com/Articles/ASPNet-MVC-Get-ListBox-Selected-Text-and-Selected-Value-in-Controller.aspx https://www.codeproject.com/articles/771999/asp-net-mvc-how-to-create-a-listbox

issacpal · Answer

There is lot of things related to Listbox in MVC. You can use Selectbox https://www.aspsnippets.com/Articles/ListBox-with-CheckBoxes-in-ASPNet-MVC-Razor.aspx https://www.codeproject.com/Articles/136730/ASP-NET-MVC-Basics-Working-with-ListBoxes

Priyu Kale · Answer

For the process of implementing ListBox in asp.net MVC. Here table “tblCity” is used for the demo. For this demo the “City” entity is used that is created using ADO.NET entity framework. public class CitiesViewModel { public IEnumerable SelectedCities { get; set; } public IEnumerable Cities { get; set; } } Next right click on the folder called “Controllers” and then add a “HomeController”. Add the below two namespaces in the “HomeController” Using MVCDemo.Models; Using System.Text; Copy and paste the following code. [HttpGet] public ActionResult Index() { SampleDBContext db = new SampleDBContext(); List listSelectListItems = new List (); for each (City city in db.Cities) { SelectListItem selectList = new SelectListItem() { Text = city.Name Value = city.ID.ToString() Selected = city.IsSelected }; listSelectListItems.Add(selectList); } CitiesViewModel citiesViewModel = new CitiesViewModel() { Cities = listSelectListItems }; return View(citiesViewModel); } [HttpPost] public string Index(IEnumerable selectedCities) { if (selectedCities == null) { return “No cities selected”; } else { StringBuilder sb = new StringBuilder(); sb.Append(“You selected – ” + string.Join(“” selectedCities)); return sb.ToString(); } } Next give a Right click on the method called “Index” action in “HomeController” and choose “Add View” from the context menu. Set View Name = Index View Engine = Razor Then click “Add”. Copy and paste the below mentioned code in “Index.cshtml” @model MVCDemo.Models.CitiesViewModel @{ ViewBag.Title = “Index”; } Index @using (Html.BeginForm()) { @Html.ListBoxFor(m => m.SelectedCities Model.Cities new { size = 4 }) } To note that if you want to select multiple items from the list box you have to hold down the CTRL Key.