Blazor - التعامل مع الأحداث (Event Handling)

Blazor Server - التعامل مع الأحداث (Event Handling)

التعامل مع الأحداث (مثل النقر على زر أو إدخال نص) في Blazor يتم بطريقة سهلة جدًا باستخدام توجيه (Binding) مباشر بين الواجهة والكود البرمجي.

🔹 مثال على التعامل مع حدث النقر (Click):

// ملف ClickExample.razor

<h3>عدد مرات الضغط: @count</h3>

<button class="btn btn-primary" @onclick="IncrementCount">
    اضغطني
</button>

@code {
    private int count = 0;

    private void IncrementCount()
    {
        count++;
    }
}

🔹 شرح الكود:

• عند الضغط على الزر، يتم تنفيذ الدالة IncrementCount.
• كل ضغطة زر تزيد قيمة count بمقدار واحد.
• Blazor يقوم بتحديث واجهة المستخدم (UI) تلقائيًا لعرض التغيير.

🔹 أمثلة على أحداث أخرى:

• @oninput — حدث عند إدخال نص داخل حقل.
• @onchange — حدث عند تغيير قيمة حقل (مثل DropDown أو CheckBox).
• @onmouseover — حدث عند مرور المؤشر فوق عنصر.

✅ بفضل دعم الأحداث، يمكنك بناء واجهات تفاعلية بالكامل داخل Blazor بطريقة سهلة وأنيقة.