Blazor ContextMenu -概述

右键单击打开上下文菜单

  • Overview.razor
正在加载演示源代码…请稍等。
Blazor UI忍者形象

的上下文菜单组件的一部分Blazor的Telerik UI,一个专业级的UI库,包含100多个本地组件,用于构建现代和功能丰富的应用程序。想要试用它,可以注册一个30天的免费试用期。

描述

Telerik UI Blazor上下文菜单组件为用户提供了一个易于访问的常用命令快捷菜单。要在Blazor应用程序中使用它,您需要将标记添加到razor页面,并将其选择器参数设置为一个CSS选择器,该选择器将匹配您想要附加上下文菜单的元素。然后,要填充菜单项,需要为其Data属性提供模型集合,并处理OnClick事件以响应用户操作。您可以进一步为上下文菜单中的每个项目添加图像、图标类或字体图标,以说明其用途。

Blazor Context Menu支持绑定到层次数据(项目及其子项目的单独集合)和平面数据(具有已定义的父子关系的单个项目集合)。

要自定义上下文菜单的外观和行为,可以利用项目和内容模板的内置选项。模板特性允许您完全控制整个弹出窗口和每个单独的内容菜单项的呈现。

当Telerik上下文菜单与其他支持上下文菜单事件的Telerik Blazor组件集成时,例如数据网格、TreeList、调度器和TreeView,它的强大功能就出现了。要将ContextMenu与Telerik Grid集成,您需要使用Grid OnRowContextMenu事件来获取当前行模型并显示菜单,然后在ContextMenu OnClick事件中处理所需的操作。

这个ContextMenu概述示例是数百个Blazor演示的独特集合的一部分,您可以看到所有演示Blazor组件的Telerik UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观开拓者的Telerik REPLThemeBuilder

支持和学习资源

额外的资源

发生错误。此应用程序可能不再响应,直到重新加载。
重新加载
Baidu
map