Bagaimana untuk mengisi pembantu tag pilih di ASP.NET Core MVC dengan data pekerja?

Asp.net Core MVC Pilih Tag Helper: Populating dengan Data Pekerja

Panduan ini menunjukkan cara mengisi elemen HTML

menggunakan penolong tag pilih ASP.NET, secara dinamik memaparkan nama pekerja semasa menyimpan ID mereka sebagai nilai. <select>

1. Penciptaan Model:

Pertama, tentukan model paparan untuk memegang senarai pekerja:

public class EmployeeViewModel
{
    public int SelectedEmployeeId { get; set; } // For storing the selected ID
    public string Comments { get; set; }
    public List<Employee> Employees { get; set; }
}

dan kelas

: Employee

public class Employee
{
    public int Id { get; set; }
    public string FullName { get; set; }
}

2. Pilih pelaksanaan pembantu tag:

pada pandangan anda, gunakan penolong tag pilih:

Kaedah 1: Menggunakan : SelectList

@model EmployeeViewModel

<select asp-for="SelectedEmployeeId" asp-items="@new SelectList(Model.Employees, nameof(Employee.Id), nameof(Employee.FullName))">
    <option value="">Select Employee</option> </select>

Ini mewujudkan dropdown dengan pilihan "Pilih Pekerja" lalai.

mengikat nilai yang dipilih ke harta asp-for dalam model pandangan anda. Pembina SelectedEmployeeId mengambil senarai pekerja, nama harta ID, dan nama harta tanah penuh. SelectList

Kaedah 2: Menggunakan : IEnumerable<SelectListItem>

untuk kawalan lebih lanjut, buat

objek: SelectListItem

@model EmployeeViewModel

<select asp-for="SelectedEmployeeId">
    <option value="">Select Employee</option>
    @foreach (var employee in Model.Employees)
    {
        <option value="@employee.Id">@employee.FullName</option>
    }
</select>

Ini menawarkan lebih banyak fleksibiliti jika anda perlu menyesuaikan pilihan melampaui nama mudah dan id.

3. Populasi data (pengawal):

Dalam tindakan pengawal anda, isi

: EmployeeViewModel

public IActionResult MyAction()
{
    var employees = new List<Employee>
    {
        new Employee { Id = 1, FullName = "Shyju" },
        new Employee { Id = 2, FullName = "Bryan" }
    };

    var viewModel = new EmployeeViewModel
    {
        Employees = employees
    };

    return View(viewModel);
}

Contoh ini mencipta senarai keras; Gantikan ini dengan logik pengambilan pangkalan data anda.

4. Pertimbangan penting:

pengendalian ralat:
• Melaksanakan pengendalian ralat yang sesuai untuk interaksi pangkalan data.
mengikat data:
• Pastikan data yang betul mengikat antara pandangan dan model paparan.
Pilihan lalai:
• Sentiasa sertakan pilihan lalai ("Pilih Pekerja" dalam contoh ini) untuk pengalaman pengguna yang lebih baik.
Sumber data:
• Gantikan data pekerja sampel dengan sumber data sebenar anda (pangkalan data, API, dan lain -lain).
Pendekatan yang komprehensif ini menyediakan cara yang mantap dan cekap untuk mengisi pembantu tag pilih anda dengan data pekerja di ASP.NET Core MVC. Ingatlah untuk menyesuaikan kod ke model data khusus dan tindakan pengawal anda.

Atas ialah kandungan terperinci Bagaimana untuk mengisi pembantu tag pilih di ASP.NET Core MVC dengan data pekerja?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!