نمایش اطلاعات دیتابیس در تگ Select در Asp.net mvc core

پاسخ هوش مصنوعی

برای نمایش اطلاعات دیتابیس در یک تگ Select در ASP.NET Core MVC، می توانید از مراحل زیر استفاده کنید:

ابتدا، یک مدل ایجاد کنید که اطلاعات مورد نظر شما را نمایندگی کند. برای مثال، فرض کنید مدل شما به نام Product است:

public class Product
{
    public int Id { get; set; }
    public string Name { get; set; }
}

سپس، یک کنترلر ایجاد کنید که اطلاعات محصولات را از دیتابیس بگیرد و به ویو ارسال کند:

public class ProductsController : Controller
{
    private readonly ApplicationDbContext _context;

    public ProductsController(ApplicationDbContext context)
    {
        _context = context;
    }

    public async Task Create()
    {
        var products = await _context.Products.ToListAsync();
        ViewBag.Products = new SelectList(products, "Id", "Name");
        return View();
    }
}

اکنون، در ویوی Create.cshtml می توانید از ViewBag برای پر کردن تگ Select استفاده کنید:

@model YourNamespace.Models.YourModel


    

        
        
            Choose a product...
        
    
    Submit

این کد تگ Select را با اطلاعات محصولات پر می کند و به کاربر امکان انتخاب یکی از محصولات را می دهد.

نمایش اطلاعات دیتابیس در تگ Select در Asp.net mvc core

با یک مثال براتون توضیح میدم که این کار به چه صورتی انجام میشه. فرض کنید که جدولی دارید به نام customer شامل فیلدهای زیر :

public class customer
{
   public int Id {get; set;}
   public string customername {get; set;}
}

خب حالا شما قصد دارید که لیست customer ها یا مشتریان رو درون یک تگ select نمایش بدید. برای این منظور ابتدا در Controller یک متد به نام FillCombo درست کنید :

متد FillCombo در کنترلر :

[HttpGet]
public IActionResult Index()
{
    FillCombo();
    return View();
}

private void FillCombo()
{
   List<customer> listcustomer = _context.customer.ToList();
   customer mdl = new customer 
   {
      Id = -1,
      customername = "یک مشتری را انتخاب کنید...",
   };
   listcustomer.Insert(0, mdl);
   ViewBag.CustomerList = listcustomer;
}

خب در کدهای بالا در متد FillCombo یک کوئری اجرا می کنیم که لیست مشتریان را در یک لیست به نام listcustomer نگهداری می کند. سپس برای اینکه در خروجی به کاربر نمایش دهیم که یک مشتری را باید انتخاب کنید یک آیتم به لیست اضافه می کنیم و در نهایت لیست را در یک ViewBag نگهداری می کنیم و از این متد در اکشن Index استفاده می کنیم.

حالا باید از این ViewBag در View به نام Index.cshtml استفاده کنیم. بنابراین در View به صورت زیر می تونیم از این اطلاعات استفاده کنیم و اطلاعات دیتابیس رو در تگ Select نمایش بدیم.

ویوی index.cshtml

@{
    List<customer> CustList = ViewBag.CustomerList;
}

<div>
     <select asp-items="@(new SelectList(CustList ,"Id","customername"))"></select>
</div>

خب حالا اگر پروژه رو اجرا کنید اطلاعات دیتابیس در DropDownList شما نمایش داده میشه.