ASP.NET Core MVC حدد العلامة المساعد: ملء مع بيانات الموظف

يوضح هذا الدليل كيفية ملء العنصر HTML باستخدام مساعد علامة ASP.NET Core ، يعرض أسماء الموظفين ديناميكيًا أثناء تخزين معرفاتهم كقيم.

1. إنشاء النموذج:

أولاً ، حدد نموذج عرض لعقد قائمة الموظفين:

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

و

الموظف الفصل:

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

2. حدد تطبيق المساعد العلامة:

في عرضك ، استخدم المساعد الخاص بـ SELECT:

الطريقة 1: استخدام selectlist :

@model EmployeeViewModel


    Select Employee 

هذا يخلق منسدلة مع خيار "حدد الموظف" الافتراضي.

asp-for يربط القيمة المحددة إلى الخاصية المحددة employeeId في نموذج العرض الخاص بك. يأخذ مُنشئ selectlist قائمة الموظفين واسم خاصية المعرف واسم خاصية الاسم الكامل.

الطريقة 2: استخدام ienumerable :

لمزيد من التحكم ، قم بإنشاء

selectItem الكائنات:

@model EmployeeViewModel


    Select Employee
    @foreach (var employee in Model.Employees)
    {
        @employee.FullName
    }

يوفر هذا مزيد من المرونة إذا كنت بحاجة إلى تخصيص الخيارات بما يتجاوز الاسم والمعرف البسيط.

3. مجتمع البيانات (وحدة التحكم):

في إجراء وحدة التحكم الخاصة بك ، قم بملء

effecteeviewmodel :

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

    var viewModel = new EmployeeViewModel
    {
        Employees = employees
    };

    return View(viewModel);
}

هذا المثال ينشئ قائمة متشددين ؛ استبدل هذا بمنطق استرجاع قاعدة البيانات الخاص بك.

4. اعتبارات مهمة:

• معالجة الأخطاء: تنفيذ معالجة الأخطاء المناسبة لتفاعلات قاعدة البيانات.
• ربط البيانات: تأكد من ربط البيانات الصحيح بين العرض ونموذج العرض.
• الخيار الافتراضي: يتضمن دائمًا خيارًا افتراضيًا ("حدد الموظف" في هذا المثال) لتجربة مستخدم أفضل.
• مصدر البيانات: استبدل نموذج بيانات الموظف بمصدر البيانات الفعلي الخاص بك (قاعدة البيانات ، API ، إلخ.).

يوفر هذا النهج الشامل طريقة قوية وفعالة لملء المساعد الخاص بـ SELECT الخاص بك مع بيانات الموظف في ASP.NET CORE MVC. تذكر تكييف الكود مع نموذج البيانات المحدد وأعمال وحدة التحكم.