خانه / 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 Core

آموزش ASP.NET Core MVC (دانلود کتاب)

آموزش ASP.NET Core MVC در این کتاب به آموزش ASP.NET Core MVC پرداخته می شود . ASP.NET ...

پاسخ دهید

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