在指定区域点击鼠标右键时弹出的菜单。基于 SxMenu 构建并通过 JS 监听右键事件触发。
使用场景
- 列表项右键操作
- 画布或编辑区域快捷菜单
- 表格行上下文操作
约束说明
- 必须提供
TriggerId 且对应 DOM 存在。
- 当前采用锚点方式打开菜单，未支持精确鼠标坐标定位。
行为说明
- 右键触发后会打开菜单，并触发
OnOpen 回调。
- 点击菜单外部或关闭时触发
OnClose。
API
Parameters
| 状态 |
参数名 |
类型 |
默认值 |
描述 |
| Implemented |
TriggerId |
string? |
null |
绑定右键监听的区域元素 Id。 |
| Implemented |
ChildContent |
RenderFragment? |
null |
菜单项集合。 |
| Implemented |
Id (继承) |
string? |
null |
组件的物理 Id。 |
| Implemented |
Class (继承) |
string? |
null |
自定义 CSS 类名。 |
| Implemented |
Style (继承) |
string? |
null |
自定义样式。 |
| Implemented |
Title (继承) |
string? |
null |
HTML title 属性。 |
| Implemented |
AdditionalAttributes (继承) |
IEnumerable<KeyValuePair<string, object>>? |
null |
捕获不匹配的 HTML 属性。 |
Events
| 状态 |
事件名 |
类型 |
描述 |
| Implemented |
OnOpen |
EventCallback |
菜单弹出时触发。 |
| Implemented |
OnClose |
EventCallback |
菜单关闭时触发。 |
示例
<div id="demo-context">右键点击此处</div>
<SxContextMenu TriggerId="demo-context">
<SxMenuItem Text="编辑" Icon="pencil" />
<SxMenuItem Text="删除" Icon="trash" />
</SxContextMenu>
