使用 Blazor 選單打造豐富的導覽體驗

Blazor UI 程式庫提供彈性的選單元件,支援巢狀項目、視覺化自訂,並可整合到現代 Web 版面中。

2025年10月10日功能重點
使用 Blazor 選單打造豐富的導覽體驗

Blazor UI 套件中的選單控制項是用戶介面元件,透過將連結或動作整理成階層式選單,讓使用者能以結構化方式在應用程式中進行導覽。這些控制項特別適用於需要直覺、可存取且動態的導覽元素的 Web 應用程式。在 Blazor 中,選單控制項可透過伺服器端或 WebAssembly 版元件來呈現,讓開發人員能使用 Razor 語法與 C# 建立互動式選單。它們支援多層巢狀、圖示、範本,以及與資料來源進行繫結等功能,使其能適應各種版面與使用者體驗。選單控制項能與路由與版面系統順暢整合,協助開發人員在整個應用程式中維持一致的導覽體驗。

  • DevExpress ASP.NET and Blazor 可讓你使用範本、圖示與方向(orientation)支援來建立階層式選單,並提供含有可折疊行為的相應式版面。
  • Telerik UI for Blazor 讓你能建立具多層級的選單,支援項目範本、圖示,以及整合 Blazor 路由的基於 URL 的導覽。
  • Nevron Open Vision for .NET 為 Blazor WebAssembly 提供情境(context)與功能區(ribbon)選單控制項,並支援主題、圖示、可勾選項目,以及多次點擊互動。
  • Blazorise 提供支援水平與垂直模式的相應式 Bar 元件,並具備巢狀下拉式選單與利於版面配置的導覽選項。
  • Smart UI (Smart HTML Elements) 提供專用的 Blazor Menu 控制項,支援巢狀項目、多種顯示模式、豐富的樣式,以及情境選單(context menu)支援。

比較 Blazor UI 套件