为Blazor开发Telerik UI

Blazor菜单

  • 在熟悉的下拉和弹出式菜单结构中显示一个选项列表,同时让用户在应用程序中导航,甚至使用Blazor Мenu组件在应用程序之外导航。
  • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,以完美适合任何应用程序的需求。
  • Blazor UI套件还配有专业设计的主题,只需轻按开关,文档处理库,丰富的文档和演示,帮助您立即开始。
为Blazor套件的Telerik UI
Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
  • Blazor Menu组件根据您的文本、url、图像和数据为您构建导航。菜单可在Blazor WebAssembly (WASM)和服务器端Blazor应用程序中工作,并为子项目提供灵活的数据绑定和自动飞出菜单,让您向用户显示应用程序的导航层次结构。

    Telerik UI为Blazor菜单概述
  • 一个菜单项模型提供几个字段,以便菜单为您呈现所需的文本和链接。等级是通过平面绑定和父子id中创建嵌套菜单项集合递归分层数据源.您可以使用您自己的字段名和自定义模型,并将菜单指向正确的字段,它将完成其余的工作。

    用于Blazor数据绑定的Telerik UI
  • 你可以装饰带有图标和图像的菜单项帮助您的用户导航和找到他们正在寻找的页面。我们提供了一组字体图标供您使用,您也可以使用自己的字体图标,栅格图像甚至精灵。

    为Blazor菜单图像的Telerik UI
  • Telerik Blazor菜单可以兼而有之水平或垂直,所以它可以匹配你需要的布局-一个水平的在你的应用程序头,或一个垂直的菜单在左侧导航-只需设置一个简单的参数。

    用于Blazor菜单方向的Telerik UI
  • 使用模板自定义菜单

    如果您想为菜单实现更复杂的逻辑(比如突出显示当前页面,或呈现比链接和文本更复杂的内容,或在新选项卡中打开某些链接),可以使用Telerik Menu组件项目模板允许您按照业务逻辑在菜单项中放置HTML和组件。

    看到菜单模板的示例

    为Blazor菜单定制模板的Telerik UI
  • 你的一些项目可能根本没有url,也可能不是链接,但你仍然希望你的应用程序在用户单击它们时做出反应。或者,您可能希望仅根据运行时拥有的某些条件或逻辑来导航用户。Telerik Blazor菜单通过显示您可以响应的项目的单击事件来帮助您。

    看到菜单单击“事件处理演示”

    Blazor Events的Telerik UI
  • Telerik Blazor菜单有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地使用几行CSS自定义任何开箱即用的主题,或者创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序

    为Blazor菜单主题的Telerik UI

所有Blazor组件

下一个步骤

发射演示

请参阅用于Blazor的Telerik UI,看看它可以做多少开箱即用的工作。

下载免费试用

尝试为Blazor提供专门的技术支持的Telerik UI。

Baidu
map