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

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

یک پروژه جدید از نوع ASP.NET MVC  ایجاد کرده و نام آنرا  DropDownBinding بگزارید.

آموزش DropDownList در ASP.NET MVC

تمپلیت پروژه را Empty  انتخاب کرده و همچنین View engine از  نوع  Razor   انتخاب کنید.

آموزش asp.net با c#

یک کنترلر به پوشه کنترلر اضافه کنید.

کار با aspیک View اضافه کنید.

آموزش گام به گام طراحی سایت با asp netآموزش asp.net با c# pdf

آموزش 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 --")

آموزش طراحی سایت با c#

بعد از اجرای برنامه خروجی باید به شکل زیر باشد.

کار با asp

آموزش طراحی سایت مشهد

روش ۲: بایند کردن 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();  
    }

اموزش طراحی سایت asp net

در View

View

آموزش asp.net mvc

آموزش DropDownList در ASP.NET MVC

روش ۳: استفاده از کلاس مدل

برروی پوشه مدل راست کلیک کرده سپس یک کلاس با نام TechnologiesModel.cs اضافه کنید.

آموزش asp.net

دو کلاس زیر را به آن اضافه کنید:

    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);  
    }

طراحی سایت asp net

@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>

طراحی وب با ای اس پی

run

ورکشاپ رایگان دوره های تخصصی برنامه نویسی

شما این فرصت را دارید، با تکمیل فرم زیر، قبل از انتخاب دوره آموزشی مناسب خود، در ورکشاپ رایگان دوره های تخصصی برنامه نویسی شرکت کنید
  • این فیلد برای اعتبار سنجی است و باید بدون تغییر باقی بماند .

درباره‌ی محمد آذرنیوا

من محمد آذرنیوا، نویسنده و مدرس دوره های برنامه نویسی ، طراحی وب و تحلیل گر پایگاه داده هستم و قصد دارم در این وبسایت مطالب کاربردی در این زمینه را با شما به اشتراک بگذارم ...

همچنین ببینید

ساخت اپلیکیشن سمت کاربر با فرمت Javascript

در این بخش از آموزش Web API با استفاده از HTML، Javascript و  Knockout.js   اپلیکیشنی …

3 نظر

  1. مطالب واقعا مفید بود…از همتون تشکر میکنم….

  2. عالی بود
    چگونه در mvc به access وصل بشیم

  3. سلام
    مطالب خیلی مفید بود ممنون
    ما یک لیست خیلی بزرگ داشته باشیم و نمیخواهیم کاربر کل لیست را ببیند
    میخواهیم وقتی که چند حرف تایپ کرد بر اساس مقدار وارد شده
    این لیست برایش نمایش دهیم
    فکر میکنم از طریق ajax باید انجام بشه
    ایا راهی هست؟

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *