۲۹
آذر
آذر
در این آموزش DropDownList در ASP.NET MVC به روش های مختلف بایند کردن DropDownList در ASP.NET MVC پرداخته می شود :
یک پروژه جدید از نوع ASP.NET MVC ایجاد کرده و نام آنرا DropDownBinding بگزارید.
تمپلیت پروژه را Empty انتخاب کرده و همچنین View engine از نوع Razor انتخاب کنید.
یک کنترلر به پوشه کنترلر اضافه کنید.
یک View اضافه کنید.
آموزش 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>
