Blazor Server - استخدام الموجهات (NavigationManager)

Blazor Server - استخدام الموجهات (NavigationManager)

في Blazor، نستخدم الكلاس NavigationManager للتحكم في الانتقال بين الصفحات برمجيًا بدلاً من الاعتماد فقط على الروابط (Links).

🔹 كيفية استخدام NavigationManager:

نقوم بحقن (Inject) الكائن داخل المكون، ثم نستخدمه للتنقل بين المسارات (Routes).

// ملف NavigateExample.razor

@page "/navigateexample"

@inject NavigationManager Navigation

<h3>مثال على التنقل البرمجي</h3>

<button class="btn btn-success" @onclick="GoToHome">
    الانتقال إلى الصفحة الرئيسية
</button>

@code {
    private void GoToHome()
    {
        Navigation.NavigateTo("/");
    }
}

🔹 شرح الكود:

• نستخدم @inject NavigationManager Navigation لحقن كائن الملاحة.
• داخل الدالة GoToHome نستدعي NavigateTo مع مسار الصفحة المطلوبة.

🔹 خصائص ودوال مفيدة داخل NavigationManager:

• NavigationManager.NavigateTo(string url): الانتقال إلى عنوان URL محدد.
• NavigationManager.Uri: الحصول على الرابط الحالي بالكامل.
• NavigationManager.BaseUri: الحصول على عنوان القاعدة للتطبيق.

✅ باستخدام NavigationManager يمكنك بناء تنقل ديناميكي وسلس داخل تطبيقات Blazor الخاصة بك.