من در این مقاله به شما نشان خواهم داد که چگونه 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 را بزنید.
امیدوارم از این آموزش لذت برده باشید.
هیچ دیدگاهی نوشته نشده است.