آموزش استفاده از DropDownList در MVC

شنبه 11 مهر 1394

دراین آموزش به نحوه استفاده از DropDownList و پر کردن اطلاعات در آن توسط VIewBag با استفاده از خاصیت ReZor در MVC بپردازیم.

آموزش استفاده از DropDownList در MVC

در این مقاله میخواهیم اطلاعات موجود در بانک اطلاعاتی را با استفاده از ViweBag  به یک DropDownlist درMVC بپردازیم

برای شروع یک بانک اطلاعاتی ویک جدول به نام Users  با دوفیلد ID،Name  و به صورت دستی در آن اطلاعات ثبت میکنیم .

حال ویژوال استادیو را باز کرده و یک پروژه از نوع MVC  ایجاد میکنیم

 

حال وقتی دکمه oK را بزنید  با صفحه ای مانند زیر روبه رو میشویم و   در این صفحه شما نمایی از MVC که شامل کنترلر ها و مدل ها و View  هاست

 

حال برای اتصال به بانک اطلاعاتی روی پروژه راست کلیک کرده و در Add> NewItem <ADO.NET Entity Data Model.   را برای اتصال به بانک اطلاعاتی انتخاب میکنیم

در این مرحله ابتدا EF Designer را انتخاب کرده و Next را میزنیم

 

 

 روی New Connection کلیک کرده

 دراین مرحله باید نام بانک  اطلاعاتی را که در Sql  ساختیم را انتخاب کنید

اگر آشنایی کافی به گزینه های این صفحه ندارید کافی است اینجا کلیک کنید

در این مرحله نام جدولی که  را که در sql ساختیم را انتخاب میکنیم و در آخر گزینه Finish  را میزنیم

در این تصویر جدولی را که ساخته یم را در ORM مشاهده میکنید

دراین مرحله یک Controller  از نوع    Empty به نام Home  ایجاد میکنیم

حال برای  آن که اطلاعات را به صورت DropDown  ای نشان دهیم باستی دوکار را انجام دهیم ایتدا در کنترلر Home  یک متد به نام Index  ایجاد میکنیم سپس برای پر کردن درب دان از ViewBag  استفاده میکنیم

فقط این نکنته را خاطر نشان کنم  اسم فیلدی که میخواهیم اطلاعات آن به نمایش در بیاید بابد هم نام اسم VIewBag  باشد

  public ActionResult Index()
        {
            ViewBag.Name = new SelectList(db.Users, "ID", "Name");
            return View();
        }

در این جا ما میخواهیم اطلاعات فیلد Name  را به صورت دراب دان لیستی نمایش دهیم پس  اسم viewBag هم نام فیلد Name  بایستی باشد

حال روی متد Index  راست کلیک کرده و یک view از جنس کلاس  User  ایجاد میکنیم

و کد زیر را در آن مینویسیم



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

 

همان طور که مشاهده میکنید از خود Helper  موجود در Mvc یعنی DropDownlist   استفاده کردیم و پارامتر اولی که دراب دان لیست میگرید همان اسم View Bag  میباشد


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

برنامه نویسان

نویسنده 3355 مقاله در برنامه نویسان

کاربرانی که از نویسنده این مقاله تشکر کرده اند

در صورتی که در رابطه با این مقاله سوالی دارید، در تاپیک های انجمن مطرح کنید