کار با DropDownList در MVC با استفاده از سی شارپ

من در این مقاله به شما نشان خواهم داد که چگونه DropDownList در MVC خودتان را با استفاده از سی شارپ پر کنید. در اینجا من یک پایگاه داده (دیتابیس) گرفته ام و داده های ساختگی به آن داده ام و پس از آن خواهیم دید که چگونه اطلاعات به dropdownlist خواهد آمد. با من همراه باشید …

DropDownList در MVC

بخش اولیه

قدم اول:

نرم افزار ویژوال استادیو ۲۰۱۰ را باز کنید، به New Project بروید، Visual C#، Web، و سپس AET MVC3 Web ApplicationSP.N، و بعد آن روی OK کلیک کنید.

قدم دوم:

بعد از این که روی OK کلیک کردید، پنجره New ASP.NET MVC3 Project باز خواهد شد. آنجا Internet Application را انتخاب کنید و در View Engine Dropdown، Razor را انتخاب کنید.

قدم سوم:

بعد از این که روی OK کلیک کردید، در پنجره Solution Explorer چیزی شبیه عکس زیر خواهید دید. حتما حواستان به Model، Controller و پوشه View باشد، این ها فایل های اصلی در MVC هستند، بقیه ی فایل ها نیز به همین صورت اند اما این ها مهم تر هستند.

بخش پایگاه داده (دیتابیس)

قدم چهارم:

روی پروژه خود کلیک راست کرده – Add New Item، SQL Server Database را انتخاب و اضافه کنید. به پایگاه داده خود در Server Explorer بروید – [Database.mdf]. یک جدول ایجاد می کنیم – tbl_Data. بعد از آن به database.mdf بروید – Table and Add New table (جدول و اضافه کردن جدول جدید)، جدول خود را مثل زیر طراحی کنید:

در مدل

قدم پنجم:

روی Models کلیک راست کرده – Add New Item (اضافه کردن آیتم جدید)، سپس ADO.NET Entity Data Model را اضافه کنید. سپس نام آن را Student Model.edmx بگذارید و آن را اضافه کنید.

Entity Data Model Wizard

بعد از آن ، خواهید دید که رشته اتصال (connection string) شما در فایل web.config ساخته شده است. عکس زیر را ببینید:

StudentModel.edmx

در کنترل

قدم ششم:

Controller را باز کنید، فایل HomeController.cs در اینجا قرار دارد. آن را باز کرده و مثل زیر کد بزنید. فراموش نکنید که namespace مدل را اضافه کنید.

using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Web;  
using System.Web.Mvc;  
using System.Data.Entity;  
using MvcApplication6.Models; 

namespace MvcApplication6.Controllers  
{  
    public class HomeController : Controller  
    {  
        public ActionResult Index()  
        {  
  
            StudentDBContext db = new StudentDBContext();  
            ViewBag.name = new SelectList(db.tbl_data, "id", "name");  
  
  
            return View();  
        }  
  
        public ActionResult About()  
        {  
            return View();  
        }  
    }  
}  

در نمایش

قدم هفتم:

View Folder را باز کنید، Home folder در اینجا قرار دارد. فایل Index.cshtml را باز کرده و مثل زیر کد بزنید:

Index.cshtml

@{  
ViewBag.Title = "Home Page";  
}  
  
  
<h2>Bind DropdownList in MVC</h2>  
<p>  
In this tutorial we will see how to bind Dropdownlist in MVC C# using Razor.  
</p>  
  
  
@Html.DropDownList("name","--Select Name--")  

خروجی: برای اجرای پروژه کلید Ctrl+F5 را بزنید.

امیدوارم از این آموزش لذت برده باشید.