آموزش برنامه نویسی در مشهد

روش های مختلف بایند کردن DropDownList در ASP.NET MVC

محمد آذرنیوا
ASP.NET

ASP.NET

در این آموزش 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>

خروج از نسخه موبایل