در این آموزش DropDownList در ASP.NET MVC به روش های مختلف بایند کردن DropDownList در ASP.NET MVC پرداخته می شود :
یک پروژه جدید از نوع ASP.NET MVC ایجاد کرده و نام آنرا DropDownBinding بگزارید.
تمپلیت پروژه را Empty انتخاب کرده و همچنین View engine از نوع Razor انتخاب کنید.
یک کنترلر به پوشه کنترلر اضافه کنید.
آموزش DropDownList در ASP.NET MVC
روش یک : بایند کردن Dropdown در داخل View
@Html.DropDownList("Techonolgie", new List < SelectListItem > () { new SelectListItem() { Text = ".Net", Value = "0" }, new SelectListItem() { Text = "Java", Value = "1" }, new SelectListItem() { Text = "Javascript", Value = "2" }, new SelectListItem() { Text = "Angular", Value = "3" }, new SelectListItem() { Text = "WCF", Value = "4" } }, "-- Select --")
بعد از اجرای برنامه خروجی باید به شکل زیر باشد.
روش ۲: بایند کردن Dropdown با استفاده از View Bag
public ActionResult Index() { List < SelectListItem > listTechonolgies = new List < SelectListItem > () { new SelectListItem() { Text = ".Net", Value = "0" }, new SelectListItem() { Text = "Java", Value = "1" }, new SelectListItem() { Text = "Javascript", Value = "2" }, new SelectListItem() { Text = "Angular", Value = "3" }, new SelectListItem() { Text = "WCF", Value = "4" } }; ViewBag.Techonolgie = listTechonolgies; return View(); }
در View
آموزش DropDownList در ASP.NET MVC
روش ۳: استفاده از کلاس مدل
برروی پوشه مدل راست کلیک کرده سپس یک کلاس با نام TechnologiesModel.cs اضافه کنید.
دو کلاس زیر را به آن اضافه کنید:
public class TechnologiesList { public SelectList lstTechnologies { get; set; } } public class Technologie { public int ID { get; set; } public string TechnologieName { get; set; } }
کدهای کنترلر باید به شکل زیر اضافه شوند:
public ActionResult Index() { List < Technologie > list = new List < Technologie > (); list.Add(new Technologie() { TechnologieName = ".Net", ID = 0 }); list.Add(new Technologie() { TechnologieName = "Javascript", ID = 2 }); list.Add(new Technologie() { TechnologieName = "Angular", ID = 3 }); list.Add(new Technologie() { TechnologieName = "WCF", ID = 4 }); TechnologiesList TList = new TechnologiesList(); TList.lstTechnologies = new SelectList(list, "ID", "TechnologieName", 2); return View(TList); }
@model DropDownBinding.Models.TechnologiesList @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> </head> <body> <div> <label> Select Technologie </label> @Html.DropDownList("Tech",Model.lstTechnologies,"--Select--") </div> </body> </html>
من محمد آذرنیوا، نویسنده و مدرس دوره های برنامه نویسی ، طراحی وب و تحلیل گر پایگاه داده هستم و قصد دارم در این وبسایت مطالب کاربردی در این زمینه را با شما به اشتراک بگذارم …
مطالب واقعا مفید بود…از همتون تشکر میکنم….
عالی بود
چگونه در mvc به access وصل بشیم
سلام
مطالب خیلی مفید بود ممنون
ما یک لیست خیلی بزرگ داشته باشیم و نمیخواهیم کاربر کل لیست را ببیند
میخواهیم وقتی که چند حرف تایپ کرد بر اساس مقدار وارد شده
این لیست برایش نمایش دهیم
فکر میکنم از طریق ajax باید انجام بشه
ایا راهی هست؟