نحوه استفاده از DropDownList Helper در MVC

در این مقاله به بررسی نحوه استفاده از DropDownList Helper در برنامه های کاربردی MVC می پردازیم. می خواهیم روش های پر کردن DropDownList را برای شما شرح دهیم. این کار با 3 روش انجام می شود.که هر روش را به اختصار برای شما شرح خواهیم داد.

نحوه استفاده از DropDownList Helper در MVC

آکادمی برنامه نویسان ، برگزار کننده دوره های آموزش برنامه نویسی با استفاده از اساتید مجرب و حرفه ای در سراسر ایران .

[ جهت مشاهده دوره های درحال ثبت نام کلیک کنید ]

ارائه مدارک معتبر آموزشی و ورود به بازار کار .

در این مقاله به بررسی نحوه استفاده از DropDownList Helper در برنامه های کاربردی MVC می پردازیم. می خواهیم روش های پر کردن  DropDownList را برای شما شرح دهیم. این کار با 3 روش انجام می شود.که هر روش را به اختصار برای شما شرح خواهیم داد.

Index -1: مجموعه اطلاعاتی که از Entity Framework پر می شوند.

Index1 -2 : مجموعه اطلاعاتی که از Cotroller’s Action Result پر می شوند.

Index2 -3: مجموعه اطلاعاتی که از View پر می شوند.

یک پروژه تحت وب در MVC ایجاد کنید.

نوع پروژه مورد نظر خودرا انتخاب کنید. ما در اینجا از گزینه Empty و بعد از آن گزینه MVC را انتخاب می کنیم.

قبل از شروع به کار در SQL Server یک پایگاه داده ایجاد کرده و جدولی مطابق جدول زیر در آن ایجاد می کنیم.

حال در Solution پروژه برروی Model کلیک راست کرده از منوی باز شده Add New Item را انتخاب می کنیم.

در پنجره باز شده از تب Data گزینه ADO.NET Entity Data Model را انتخاب و یک نام دلخواه برای مدل خود انتخاب کنید.

در صفحه بعدی گزینه EF Designer from database را انتخاب و با دکمه Next به صفحه بعدی می رویم.

در این صفحه به SQL Server متصل شده و نام پایگاه داده موردنظر خودرا انتخاب می کنیم و OK را می زنیم.

در صفحه بعدی تیک Yes را زده و Next می کنیم.

حال نسخه Entity Framework 6.0 را انتخاب و با زدن Next به صفحه بعدی می رویم.

در تصویر زیر مشاهده می کنید که جدول مورد نظرمان را از پایگاه داده انتخاب می کنیم. بعد از کلیک بر دکمه Finish در صورتی که پیغام خطای Entity زیر مشاهده شد، به آن توجهی نکنید.

می بینیم که مدل ما به پروژه اضافه شد. حال به ادامه کار می پردازیم.

حال به پروژه خود یک کنترل خالی با یک نام دلخواه اضافه می کنیم و یک نام دلخواه برای آن انتخاب می کنیم.

در کنترلر موجود کدهای زیر را وارد نمایید تا به شرح تمام متدهای این کنترلر بپردازیم.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using DropDownListApp_MVC.Models;


namespace DropDownListApp_MVC.Controllers
{
    public class EmployeeController : Controller
    {
        EmployeeEntities1 objEmployeeEntities=new EmployeeEntities1();
        // GET: Employee
        public ActionResult Index()
        {
            ViewBag.list = new SelectList(objEmployeeEntities.Departments.Select(r => r.DepartmentName));
            return View();
        }

        public ActionResult Inde1()
        {
            List<SelectListItem>item=new List<SelectListItem>();
            item.Add(new SelectListItem { Text = "C#", Value = "0" });
            item.Add(new SelectListItem { Text = "برنامه نویسی", Value = "1" });
            item.Add(new SelectListItem { Text = "مدیریت", Value = "2" });
            ViewBag.List = item;
            return View();
        }
        public ActionResult Index2()
        {
            return View();
        }   
    }
}

در متد Index بر روی Return View() کلیک راست کرده و گزینه AddView را می زنیم.در View باز شده کدهای زیر را وارد کنید. حال میخواهیم بدانیم که این متد برای ما چه می کند. این متد به پایگاه داده متصل شده و تمامی اطلاعات موجود در جدول را نشان می دهد. در خروجی این View می بینیم که اطلاعات موجود در جدول ما در DropDownList نمایش داده می شود.

@{
    ViewBag.Title = "Index";
}

<h2>صفحه نمایشی شماره 1</h2>
@Html.DropDownList("List", "------انتخاب کنید------")

متد Index1 را مشاهده کنید. می بینید که شبیه متد قبلی نیست، زیرا این متد DropDownList را در با توجه به کدهای نوشته شده در داخل بدنه متد پر می کند و ارتباطی با پایگاه داده ندارد. کدهای View مربوط به این متد را مشاهده می کنید و میبینید که خروجی حاصل از این View به چه صورت خواهد بود.

@{
    ViewBag.Title = "Index1";
}

<h2>صفحه نمایشی شماره 2</h2>

@Html.DropDownList("List", "------انتخاب کنید------")

کاری که متد Index2 انجام می دهد این است اطلاعات در View پر می شود و نتیجه را در خروجی می بینیم.

@{
    ViewBag.Title = "Index2";
}

<h2>صفحه نمایشی شماره 3</h2>

@Html.DropDownList("List", new List<SelectListItem>
{
    new SelectListItem{ Text="علی تمیمی", Value="1"},
    new SelectListItem{ Text="سجاد باقرزاده", Value="2"},
    new SelectListItem{ Text="بردیا اجاقی", Value="3"},
    new SelectListItem{ Text="داریوش فرخی", Value="4"}
}, "----انتخاب کنید----")

 

فایل های ضمیمه