معرفی
راه های زیادی وجود دارد که از طریق آنها می توانیم یک کنترل DropDownList را با داده ها پر کنیم. در این مقاله، من روشهای ساده برای پر کردن یک فهرست کشویی با استفاده از ViewBag، ViewData، TempData، jQuery، Model، Database، jQuery AJAX و کدگذاری سخت در View را نشان خواهم داد.
جریان مقاله
- یک لیست کشویی را با استفاده از داده های کدگذاری شده در نمای پر کنید
- با استفاده از Viewbag یک لیست کشویی را پر کنید
- یک ViewData با لیست کشویی پر کنید
- با استفاده از TempData یک لیست کشویی را پر کنید
- با استفاده از Enum یک لیست کشویی را پر کنید
- با استفاده از پایگاه داده با Entity Framework یک لیست کشویی را پر کنید
- با استفاده از Jquery Ajax با داده های JSON یک لیست کشویی را پر کنید
- با استفاده از Model یک لیست کشویی را پر کنید
- با استفاده از دادههای استاتیک جهانی در View، فهرست کشویی را پر کنید
قبل از حرکت روی این، یک پروژه ASP.NET MVC خالی ایجاد کنید و هر زمان که یک کنترلر ایجاد می کنیم، یک اکشن شاخص خالی ایجاد می کند. با کلیک راست بر روی Index (کنترلر عمل) و افزودن View (Index) یک صفحه نمایش برای این عملکرد ایندکس اضافه کنید. اگر از روند ایجاد پروژه خالی ASP.NET MVC آگاه نیستید، مراحل 1 تا 3 را در اینجا دنبال کنید .
در اینجا، نام پروژه "VariousWayBindingDropDownListInMVC5" را ذکر کردم و نام کنترلر DropDownListController است. باشه! یکی یکی ببینیم
در حال حاضر، یکی از زیر کنترل کننده خالی ما است.
یک لیست کشویی را با استفاده از داده های کدگذاری شده در نمای پر کنید
ما میتوانیم یک DropDownList با مقادیر ثابت در خود View داشته باشیم. فقط یک کمک Html برای DropDownList اضافه کنید و لیست استاتیک SelectListItem را ارائه دهید. اکنون مقادیر هاردکد شده را مانند نمای زیر به DropDownList متصل کنید
اکنون برنامه خود را اجرا کنید، در تصویر زیر می بینید که DropDownList با داده های کدگذاری شده پر شده است.
با استفاده از Viewbag یک لیست کشویی را پر کنید
برای پر کردن DropDownList با استفاده از Viewbag، بیایید تعدادی لیست مجموعه با انواع SelectListItem ایجاد کنیم و با نام مناسب به Viewbag اختصاص دهیم.
و اکنون مقادیر ViewBag.MySkills را به صورت کد زیر در view به DropDownlist متصل کنید
اکنون برنامه خود را اجرا کنید، در تصویر زیر می توانید ببینید که DropDownList با مقادیر ViewBag پر شده است.
با استفاده از ViewData یک لیست کشویی را پر کنید
برای پر کردن DropDownList با استفاده از ViewData، میتوانید فهرست مجموعهای با انواع SelectListItem ایجاد کنید و با نام مناسب به ViewData اختصاص دهید.
و اکنون مقادیر ViewData["MySkills"] را به عنوان کد زیر در View به DropDownlist متصل کنید.
اکنون برنامه خود را اجرا کنید، در تصویر زیر می توانید ببینید که DropDownList با مقادیر ViewData پر شده است.
با استفاده از TempData یک DropDownList را پر کنید
برای پر کردن DropDownList با استفاده از TempData، میتوانید فهرستی از مجموعهها را با نوع selectListItem ایجاد کنید و با نام مناسب به TempData اختصاص دهید.
و اکنون مقادیر TempData["MySkills"] را به عنوان کد زیر در View به DropDownlist متصل کنید.
اکنون برنامه خود را اجرا کنید، در تصویر زیر، می توانید آن DropDownList را با مقادیر ViewData مشاهده کنید.
با استفاده از Enum یک لیست کشویی را پر کنید
برای پر کردن DropDownList با استفاده از Enum. بیایید ابتدا یک فهرست به نام MySkills ایجاد کنیم که مهارتهای چندگانه من را در خود جای دهد.