Blazor Server - ربط البيانات (Data Binding)

Blazor Server - ربط البيانات (Data Binding)

ربط البيانات (Data Binding) هو عملية مزامنة البيانات بين واجهة المستخدم (UI) والكود البرمجي (C#) بشكل تلقائي في Blazor.

🔹 أنواع ربط البيانات:

• Binding باتجاه واحد (One-way): من الكود إلى الواجهة فقط.
• Binding باتجاهين (Two-way): بين الكود والواجهة باستخدام @bind.

🔹 مثال على ربط باتجاه واحد:

// ملف OneWayBindingExample.razor

<h3>مرحبًا @message</h3>

@code {
    private string message = "عالم Blazor";
}

🔹 مثال على ربط باتجاهين:

// ملف TwoWayBindingExample.razor

<input @bind="username" />

<p>أهلاً، @username!</p>

@code {
    private string username = "";
}

✅ في المثال الأول: يتم عرض القيمة فقط. ✅ في المثال الثاني: المستخدم يستطيع تعديل القيمة في الواجهة، وتنعكس تلقائيًا في الكود.