所有Telerik . net工具和Kendo UI JavaScript组件在一个包中。现在增强了:
Blazor Menu组件根据您的文本、url、图像和数据为您构建导航。菜单可在Blazor WebAssembly (WASM)和服务器端Blazor应用程序中工作,并为子项目提供灵活的数据绑定和自动飞出菜单,让您向用户显示应用程序的导航层次结构。
一个菜单项模型提供几个字段,以便菜单为您呈现所需的文本和链接。等级是通过平面绑定和父子id中创建嵌套菜单项集合递归分层数据源.您可以使用您自己的字段名和自定义模型,并将菜单指向正确的字段,它将完成其余的工作。
你可以装饰带有图标和图像的菜单项帮助您的用户导航和找到他们正在寻找的页面。我们提供了一组字体图标供您使用,您也可以使用自己的字体图标,栅格图像甚至精灵。
Telerik Blazor菜单可以兼而有之水平或垂直,所以它可以匹配你需要的布局-一个水平的在你的应用程序头,或一个垂直的菜单在左侧导航-只需设置一个简单的参数。
如果您想为菜单实现更复杂的逻辑(比如突出显示当前页面,或呈现比链接和文本更复杂的内容,或在新选项卡中打开某些链接),可以使用Telerik Menu组件有项目模板允许您按照业务逻辑在菜单项中放置HTML和组件。
看到菜单模板的示例
你的一些项目可能根本没有url,也可能不是链接,但你仍然希望你的应用程序在用户单击它们时做出反应。或者,您可能希望仅根据运行时拥有的某些条件或逻辑来导航用户。Telerik Blazor菜单通过显示您可以响应的项目的单击事件来帮助您。
看到菜单单击“事件处理演示”.
Telerik Blazor菜单有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。控件可以轻松地使用几行CSS自定义任何开箱即用的主题,或者创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序.
请参阅用于Blazor的Telerik UI,看看它可以做多少开箱即用的工作。
尝试为Blazor提供专门的技术支持的Telerik UI。