دوره های آموزشی
خانه / ASP.NET MVC / ایجاد DropDownList آبشاری در ASP.NET MVC

ایجاد DropDownList آبشاری در ASP.NET MVC

در این مثال از entity framework به روش   code first برای خواندن کشور ها و ایالت ها ( states) از دیتابیس استفاده می شود.

  • ویژوال استدیو را باز کنید
  • یک پروژه از نوع ASP.NET MVC 4 ایجاد کرده و نام آن را CascadingDropDown قرار دهید.
  • View engine آنرا Razer انتخاب کنید
  • یک کنترلر با نام HomeController به پوشه کنترلر اضافه کنید
  • کلاس های مدل را مطابق کدهای زیر به پوشه مدل اضافه کنید:

Country:

State:

ModelDbContext:

Model

در این کلاس مدل یک پراپرتی با نام CountryID که نگهدارنده کشور انتخابی و یک پراپرتی با نام State برای نگهداری مقدار ایالت و پراپرتی های Countries و States برای نگهداری لیست کشور های موجود و ایالت های هر کدام تعریف شده است.

همچنین به وسیله کدهای زیر مقداری داده نمونه وقتی دیتابیس ایجاد می شود در  آن وارد می کنیم
همچنین connection string در فایل  web.config را برای ارتباط با دیتابیس اضافه کنید
فایل Global.asax مطابق کدهای زیر ویرایش کنید:

یک کنترلر با نام HomeController ایجاد کرده و اکشن زیر را به آن اضافه کنید. در این کنترلر اکشن index  یک شئی از نوع Model  به همراه ویو index که نگهدارنده لیست کشور ها از دیتابیس هست را بر می گرداند.اکشن SelectCountry لیست استان ها بر اساس id  کشور برگشت می دهد.

یک view با نام Index اضافه کرده و کدهای زیر را در آن وارد کنید:
یک partial view با نام States_ ایجاد کنید
حال بعد از اجرای برنامه باید تصویر زیر را داشته باشیم

Run Application

در صورتیکه جاوا اسکریپت غیر فعال باشد یک دکمه مظابق شکل زیر نمایش داده می شود تا با کلیک برروی آن استان ها نمایش داده شودCountryد

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

Select country

درباره ی محمد آذرنیوا

من محمد آذرنیوا، نویسنده و مدرس دوره های برنامه نویسی ، طراحی وب و تحلیل گر پایگاه داده هستم و قصد دارم در این وبسایت مطالب کاربردی در این زمینه را با شما به اشتراک بگذارم. بیشتر از یک برنامه نویس باشید...

همچنین ببینید

فیلم آموزش برنامه نویسی

دانلود آموزش تصویری ASP.NET MVC 5

آموزش تصویری ASP.NET MVC 5  از Udemy یکی از محبوترین دوره های آموزشی ASP.MVC می باشد ...

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *