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:

<code class="language-csharp">public class EmployeeViewModel
{
    public int SelectedEmployeeId { get; set; } // For storing the selected ID
    public string Comments { get; set; }
    public List<Employee> Employees { get; set; }
}</code>

dan kelas

: Employee

<code class="language-csharp">public class Employee
{
    public int Id { get; set; }
    public string FullName { get; set; }
}</code>

2. Pilih pelaksanaan pembantu tag:

pada pandangan anda, gunakan penolong tag pilih:

Kaedah 1: Menggunakan : SelectList

<code class="language-html">@model EmployeeViewModel

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

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

<code class="language-html">@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></code>

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

<code class="language-csharp">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);
}</code>

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!