QListWiget右键实现重命名功能

 

刚开始学习Qt的时候,对于实现这种功能需要去网上找前辈的代码参考一下,但是发现就算是这样的一个小功能,都写的大同小异,最重要的是不可用!

自己动手,丰衣足食。

1. Test.h代码部分:

public slots:	
    void on_listWidget_customContextMenuRequested(const QPoint& pos);

private:
    QString m_rename = false;    //是否重命名的标志位

2. 以下代码可以放到构造函数中:

ui.listWidget->setContextMenuPolicy(Qt::CustomContextMenu);

3. Test.cpp代码实现部分:

void Test::on_listWidget_customContextMenuRequested(const QPoint& pos)
{
	QListWidgetItem* _curItem = ui.listWidget_bianzu->itemAt(pos);
	if (_curItem == nullptr)
		return;
	QAction* _delAction = new QAction("删除",this);
	QAction* _renameAction = new QAction("重命名", this);
	
	connect(_delAction, &QAction::triggered, this, &Test::onDel);
	connect(_renameAction, &QAction::triggered, this, &Test::onRename);
	QMenu* _popMenu = new QMenu(this);
	_popMenu->addAction(_delAction);
	_popMenu->addAction(_renameAction);
	_popMenu->exec(QCursor::pos());
	delete _popMenu;
	_popMenu = nullptr;
	delete _renameAction;
	_renameAction = nullptr;
	delete _delAction;
	_delAction = nullptr;
}

实现重命名部分的代码

void Test::onRename()
{
	m_rename = true;
    m_preName = ui.listWidget->currentItem()->text();
	ui.listWidget->currentItem()->setFlags(ui.listWidget->currentItem()->flags() | Qt::ItemIsEditable);
	ui.listWidget->editItem(ui.listWidget->currentItem());
	connect(ui.listWidget, SIGNAL(itemChanged(QListWidgetItem*)), this, SLOT(onNameChanged(QListWidgetItem*)));
	
}

void Test::onNameChanged(QListWidgetItem* item)
{	
	if (m_rename)
	{
		
		if (/*数据对比*/)
			{
				QMessageBox _warninigDia(QMessageBox::Warning, "警告", "名称已存在,请重新编辑!", QMessageBox::Apply);
				_warninigDia.setButtonText(QMessageBox::Apply, "确定");
				int _retDel = _warninigDia.exec();
				if (_retDel == QMessageBox::Apply)
				{					
					disconnect(ui.listWidget, &QListWidget::itemChanged, this, &Test::onNameChanged);
					ui.listWidget->currentItem()->setText(m_preName);
					m_rename = false;
				}
				
				return;
			}
		}		
	}
}

 

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
实现菜单命名功能,你可以使用el-tree组件的contextmenu事件和自定义菜单来实现。 首先,在el-tree组件上添加contextmenu事件监听器,可以使用@contextmenu指令或v-contextmenu指令。例如: ```html <el-tree @contextmenu="showContextMenu"> <!-- 树节点内容 --> </el-tree> ``` 接下来,在你的Vue实例中定义showContextMenu方法来处理菜单的显示和点击事件。在该方法中,你可以使用event对象的clientX和clientY属性来获取鼠标点击的位置,然后显示自定义的菜单。例如: ```javascript methods: { showContextMenu(event) { event.preventDefault(); // 阻止默认菜单弹出 const menu = document.getElementById('custom-menu'); // 获取自定义菜单元素 menu.style.left = event.clientX + 'px'; // 设置菜单的水平位置 menu.style.top = event.clientY + 'px'; // 设置菜单的垂直位置 menu.style.display = 'block'; // 显示菜单 // 其他逻辑... } } ``` 注意,上述代码中获取自定义菜单元素的方式使用了getElementById,所以需要在页面中定义一个id为custom-menu的元素作为自定义菜单的容器,并设置其样式为隐藏。例如: ```html <div id="custom-menu" style="display: none;"> <!-- 自定义菜单内容 --> </div> ``` 最后,你还需要在自定义菜单的内容中添加一个命名选项,并为其添加点击事件监听器。在点击事件处理函数中,你可以通过获取当前选中的树节点,进行相应的命名操作。例如: ```html <div id="custom-menu" style="display: none;"> <div @click="renameNode">命名</div> </div> ``` ```javascript methods: { renameNode() { // 获取当前选中的树节点 const selectedNode = this.$refs.tree.getCurrentNode(); // 执行命名逻辑... } } ``` 这样,当用户点击el-tree的节点时,会触发showContextMenu方法显示自定义菜单,点击命名选项会执行renameNode方法进行命名操作。你可以根据具体的业务需求,在renameNode方法中实现对节点的命名逻辑。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值