antd Tree组件中，自定义右键菜单

最近项目中，有一个需求是自定义antd的Tree组件的右键菜单功能。

直接上代码

class Demo extends Component {state = {rightClickNodeTreeItem: {pageX: "",pageY: "",id: "",categoryName: ""}}// tree列表上右键事件onRightClick = e => {this.setState({rightClickNodeTreeItem: {pageX: e.event.pageX,pageY: e.event.pageY,id: e.node.props["data-key"],categoryName: e.node.props["data-title"]}});};// 自定义右键菜单内容getNodeTreeRightClickMenu = () => {const { pageX, pageY, id, categoryName } = { ...this.state.rightClickNodeTreeItem };const tmpStyle = {position: "absolute",left: `${pageX - 220}px`,top: `${pageY - 102}px`};const menu = (<div style={tmpStyle} className="self-right-menu"><a onClick={this.addDownGroup.bind(this, id)}>新增下级部门</a><a onClick={this.editGroup.bind(this, id, categoryName)}>修改</a><a>删除目录</a></div>);return this.state.rightClickNodeTreeItem == null ? "" : menu;};render(){return (...{this.getNodeTreeRightClickMenu()}...)}}export default Demo;

转载于:https://www.cnblogs.com/zhouyangla/p/9795998.html

antd Tree组件中，自定义右键菜单相关推荐

html模拟右键系统菜单,HTML中自定义右键菜单功能
我们使用的应用系统很多都有右键菜单功能.但是在网页上面,点击右键一般显示的却是IE默认的右键菜单,那么我们如何实现自己的右键菜单呢?下面将讲解右键菜单功能的实现原理和实现代码. 实现原理在HTML语 ...
html中自定义右键菜单功能,HTML中自定义右键菜单功能
我们使用的应用系统很多都有右键菜单功能.但是在网页上面,点击右键一般显示的却是IE默认的右键菜单,那么我们如何实现自己的右键菜单呢?下面将讲解右键菜单功能的实现原理和实现代码. 实现原理在HTML语 ...
实例-Vue中使用右键菜单之@xunleivue-context-menu组件的使用
实例-Vue中使用右键菜单之@xunlei/vue-context-menu组件的使用 npm地址--https://www.npmjs.com/package/@xunlei/vue-context ...
vue怎么实现右键二级菜单_vue中如何自定义右键菜单详解
在所编辑的页面,需要添加右键菜单的元素,绑定contextmenu事件,如下: v-for="item in resourceList" :key="item.id&qu ...
vue中，右键菜单组件v-contextmenu的使用
vue中,右键菜单组件v-contextmenu的使用 1.效果右键菜单之禁用和子菜单 2.流程第一步:安包 npm install v-contextmenu --save-dev npm in ...
【电脑Windows日常】如何在 Windows 11 中自定义右键单击上下文菜单、自定义或者删除右键菜单的选项，包括桌面、文件夹和文件——详细教程（5个方法）
前言虽然许多人喜欢Windows 11 的简化右键单击上下文菜单,但有些人对截断的菜单不太满意.让我们看看一些根据您的喜好对其进行自定义的方法. 而且,很多默认的应用会使得右键菜单非常臃肿,需要进一 ...
JS简单实现自定义右键菜单
今天来讲一个关于右键菜单的小demo,抛砖引玉. 首先,我们要用css和html做一个自定义右键菜单.  <div id="menu ...
在(CListView)列表视图中添加右键菜单的方法
使用弹出式菜单(PopMenu) 弹出式菜单(PopMenu)大家都熟悉,在WIN98的桌面上单击鼠标右键弹出的菜单就是弹出式菜单.通常情况下,弹出式菜单在鼠标右键单击时弹出,当然,也可以根据需要 ...
DevExpress的TreeList实现自定义右键菜单打开文件选择对话框
场景 DevExpress的TreeList实现节点上添加自定义右键菜单并实现删除节点功能: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/det ...

antd Tree组件中，自定义右键菜单

antd Tree组件中，自定义右键菜单相关推荐

最新文章

热门文章