DropDownList در MVC

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

DropDownList در MVC

بخش اولیه

قدم اول:

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

DropDownList در MVC

قدم دوم:

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

DropDownList در MVC

قدم سوم:

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

DropDownList در MVC

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

قدم چهارم:

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

DropDownList در MVC

در مدل

قدم پنجم:

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

DropDownList در MVC

Entity Data Model Wizard

DropDownList در MVCDropDownList در MVCDropDownList در MVC

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

DropDownList در MVC

StudentModel.edmx

DropDownList در MVC

در کنترل

قدم ششم:

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 را بزنید.

DropDownList در MVC

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

جزئیات فایل

زبان پروژه : سی شارپ
حجم فایل پیوست : 650KB

دانلود فایل

دانلود با لینک مستقیم
پسورد فایل : www.mspsoft.com
داریوش فرخی

داریوش فرخی هستم از سال 92 شروع به یادگیری برنامه نویسی و از سال 93 در بخش برنامه نویسی و تولید محتوای سایت mspsoft.com مشغول هستم. فعالیتم نیز بیشتر در زمینه های برنامه نویسی با سی شارپ و asp.net بوده است. اوقات فراغتم را هم غالبا با تماشای فیلم یا بازی های کامپیوتری پر میکنم .

نوشته‌های مرتبط

دیدگاه‌ها

*
*

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.