آکادمی برنامه نویسان مشهد

برگزاری دوره های آموزش برنامه نویسی و طراحی سایت در مشهد

آکادمی برنامه نویسان مشهد

برگزاری دوره های آموزش برنامه نویسی و طراحی سایت در مشهد

آموزش Dropdownlist در MVC -ساخت Dropdownlist آبشاری

آموزش Dropdownlist در MVC -ساخت Dropdownlist آبشاری

در این پست به آموزش Dropdownlist در MVC  به صورت آبشاری خواهیم پرداخت  :

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

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

Country:

State:

ModelDbContext:

Model

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

آموزش Dropdownlist در MVC

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

همچنین connection string در فایل  web.config را برای ارتباط با دیتابیس اضافه کنید

فایل Global.asax مطابق کدهای زیر ویرایش کنید:

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

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

آموزش dropdownlist در mvc

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

آموزش Dropdownlist در MVC

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

کلاس asp


نظرات 0 + ارسال نظر
امکان ثبت نظر جدید برای این مطلب وجود ندارد.