elementui表格中实现点击单个单元格触发事件

需求是这样得:表格中循环遍历出值,然后点击单个单元格触发事件。

在官方文档中得事件cell-click,在点击每一行得时候都会触发,显然这不符合要求。

解决方法如下:
在你所需要点击触发事件得单元格中添加如下代码

            <el-table-column prop="name" label="姓名"  >
              <template scope="scope">
                      <div class="sub-body" @click="rePeoplemessageCard(scope.row)">{{ scope.row.name }}</div>
                    </template>
              </el-table-column>

js代码如下

      rePeoplemessageCard(val) {
        // console.log(val,"PeopleId")
      },

直接用就是了,需要在事件中触发啥就写入即可

这样就实现了点。击单个单元格触发事件

在这里顺便记录一下使用cell-click,的用法。

<el-table width="100%" border :data="Datalist" @cell-click="handle" >

methods: {
	handle(row,column,event,cell) {
	    console.log(row)
	    console.log(column)
	    console.log(event)
	    console.log(cell)
    }
}

  • 4
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
在 QTableWidget ,可以使用 QItemDelegate 实现单个单元格的自定义代理设置。下面是一个简单的示例,演示如何使用 QSpinBox 设置某个单元格的代理: ```cpp #include <QApplication> #include <QTableWidget> #include <QSpinBox> #include <QItemDelegate> class SpinBoxDelegate : public QItemDelegate { public: QWidget *createEditor(QWidget *parent, const QStyleOptionViewItem &option, const QModelIndex &index) const override { QSpinBox *editor = new QSpinBox(parent); editor->setMinimum(0); editor->setMaximum(100); return editor; } void setEditorData(QWidget *editor, const QModelIndex &index) const override { int value = index.model()->data(index, Qt::EditRole).toInt(); QSpinBox *spinBox = static_cast<QSpinBox*>(editor); spinBox->setValue(value); } void setModelData(QWidget *editor, QAbstractItemModel *model, const QModelIndex &index) const override { QSpinBox *spinBox = static_cast<QSpinBox*>(editor); int value = spinBox->value(); model->setData(index, value, Qt::EditRole); } }; int main(int argc, char *argv[]) { QApplication a(argc, argv); QTableWidget *tableWidget = new QTableWidget(); tableWidget->setRowCount(3); tableWidget->setColumnCount(2); tableWidget->setHorizontalHeaderLabels({"Column 1", "Column 2"}); tableWidget->setVerticalHeaderLabels({"Row 1", "Row 2", "Row 3"}); // 设置某个单元格的代理 SpinBoxDelegate *delegate = new SpinBoxDelegate; tableWidget->setItemDelegateForColumn(1, delegate); tableWidget->setItem(1, 1, new QTableWidgetItem()); tableWidget->show(); return a.exec(); } ``` 在上面的示例,我们定义了一个 SpinBoxDelegate 类,继承自 QItemDelegate,并重写了 createEditor、setEditorData 和 setModelData 三个函数,实现了对单元格的代理设置。然后,我们将这个自定义代理设置给第 2 列的单元格,然后在该单元格上显示一个空 QTableWidgetItem,这样就可以通过该项 QTableWidgetItem 包含的编辑器控件,来编辑该单元格的值。运行程序,可以看到第 2 列的单元格变成了一个 QSpinBox,可以通过它来编辑单元格的值。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值